-
移动端自适应
移动端自适应 ECharts组件的定位和布局 Media Query 移动端自适应 移动端自适应 ECharts 工作在用户指定高宽的 DOM 节点（容器）中。ECharts 的『组件』和『系列』都在这个 DOM 节点中，每个节点都可以由用户指定位置。图表库内部并不适宜实现 DOM 文档流布局，因此采用类似绝对布局的简单容易理解的布局方式。但是... -
旭日图
旭日图 引入相关文件 最简单的旭日图 颜色等样式调整 按层配置样式 数据下钻 高亮相关扇形块 总结 旭日图 旭日图 旭日图（Sunburst） 由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像饼图 一样表现局部和整体的占比，又能像矩形树图 一样表现层级关系。 https://echarts.baidu.com/ga... -
富文本标签
富文本标签 富文本标签 富文本标签 在许多地方（如图、轴的标签等）都可以使用富文本标签。例如： https://echarts.baidu.com/gallery/view.html?c=pie-rich-text&edit=1&reset=1 https://echarts.baidu.com/gallery/view.html?c=tre... -
ECharts 中的样式简介
ECharts 中的样式简介 颜色主题（Theme） 调色盘 直接的样式设置 itemStyle, lineStyle, areaStyle, label, … 高亮的样式：emphasis 通过 visualMap 组件设定样式 ECharts 中的样式简介 ECharts 中的样式简介 本文主要是大略概述，用哪些方法，可以设置设置样式... -
在图表中支持无障碍访问
在图表中支持无障碍访问 整体修改描述 定制模板描述 在图表中支持无障碍访问 在图表中支持无障碍访问 W3C 制定了无障碍富互联网应用规范集（WAI-ARIA ，the Accessible Rich Internet Applications Suite），致力于使得网页内容和网页应用能够被更多残障人士访问。ECharts 4.0 遵从这一规范... -
在图表中加入交互组件
在图表中加入交互组件 数据区域缩放组件（dataZoom）介绍 在代码加入 dataZoom 组件 在图表中加入交互组件 在图表中加入交互组件 除了图表外 ECharts 中，提供了很多交互组件。例如： 图例组件 legend 、标题组件 title 、视觉映射组件 visualMap 、数据区域缩放组件 dataZoom 、时间线组... -
小例子：实现日历图
小例子：实现日历图 第一步：引入js文件 第二步：指定DOM元素作为图表容器 第三步：配置参数 自定义配置参数 日历坐标系的其他形式 小例子：实现日历图 小例子：实现日历图 在ECharts中，我们新增了日历坐标系，如何快速写出一个日历图呢？ https://echarts.baidu.com/gallery/view.html?c=ca... -
小例子：自己实现拖拽
小例子：自己实现拖拽 （一）实现基本的拖拽功能 （二）添加 tooltip 组件 （三）全部代码 小例子：自己实现拖拽 小例子：自己实现拖拽 介绍一个实现拖拽的小例子。这个例子是在原生 echarts 基础上做了些小小扩展，带有一定的交互性。通过这个例子，我们可以了解到，如何使用 echarts 提供的 API 实现定制化的富有交互的功能。 ... -
在 webpack 中使用 ECharts
在 webpack 中使用 ECharts npm 安装 ECharts 引入 ECharts 按需引入 ECharts 图表和组件 在 webpack 中使用 ECharts 在 webpack 中使用 ECharts Webpack 是目前比较流行的模块打包工具，你可以在使用 webpack 的项目中轻松的引入和打包 ECharts，这... -
使用 Canvas 或者 SVG 渲染
使用 Canvas 或者 SVG 渲染 选择哪种渲染器 如何使用渲染器 使用 Canvas 或者 SVG 渲染 使用 Canvas 或者 SVG 渲染 浏览器端图表库大多会选择 SVG 或者 Canvas 进行渲染。对于绘制图表来说，这两种技术往往是可替换的，效果相近。但是在一些场景中，他们的表现和能力又有一定差异。于是，对它们的选择取舍，就成...
