-
个性化图表的样式
个性化图表的样式 绘制南丁格尔图 阴影的配置 深色背景和浅色标签 设置扇形的颜色 个性化图表的样式 个性化图表的样式 ECharts 提供了丰富的自定义配置选项，并且能够从全局、系列、数据三个层级去设置数据图形的样式。下面我们来看如何使用 ECharts 实现下面这个南丁格尔图： https://echarts.baidu.com/ga... -
使用 Canvas 或者 SVG 渲染
使用 Canvas 或者 SVG 渲染 选择哪种渲染器 如何使用渲染器 使用 Canvas 或者 SVG 渲染 使用 Canvas 或者 SVG 渲染 浏览器端图表库大多会选择 SVG 或者 Canvas 进行渲染。对于绘制图表来说，这两种技术往往是可替换的，效果相近。但是在一些场景中，他们的表现和能力又有一定差异。于是，对它们的选择取舍，就成... -
在 webpack 中使用 ECharts
在 webpack 中使用 ECharts npm 安装 ECharts 引入 ECharts 按需引入 ECharts 图表和组件 在 webpack 中使用 ECharts 在 webpack 中使用 ECharts Webpack 是目前比较流行的模块打包工具，你可以在使用 webpack 的项目中轻松的引入和打包 ECharts，这... -
在图表中加入交互组件
在图表中加入交互组件 数据区域缩放组件（dataZoom）介绍 在代码加入 dataZoom 组件 在图表中加入交互组件 在图表中加入交互组件 除了图表外 ECharts 中，提供了很多交互组件。例如： 图例组件 legend 、标题组件 title 、视觉映射组件 visualMap 、数据区域缩放组件 dataZoom 、时间线组... -
在图表中支持无障碍访问
在图表中支持无障碍访问 整体修改描述 定制模板描述 在图表中支持无障碍访问 在图表中支持无障碍访问 W3C 制定了无障碍富互联网应用规范集（WAI-ARIA ，the Accessible Rich Internet Applications Suite），致力于使得网页内容和网页应用能够被更多残障人士访问。ECharts 4.0 遵从这一规范... -
小例子：实现日历图
小例子：实现日历图 第一步：引入js文件 第二步：指定DOM元素作为图表容器 第三步：配置参数 自定义配置参数 日历坐标系的其他形式 小例子：实现日历图 小例子：实现日历图 在ECharts中，我们新增了日历坐标系，如何快速写出一个日历图呢？ https://echarts.baidu.com/gallery/view.html?c=ca... -
小例子：自己实现拖拽
小例子：自己实现拖拽 （一）实现基本的拖拽功能 （二）添加 tooltip 组件 （三）全部代码 小例子：自己实现拖拽 小例子：自己实现拖拽 介绍一个实现拖拽的小例子。这个例子是在原生 echarts 基础上做了些小小扩展，带有一定的交互性。通过这个例子，我们可以了解到，如何使用 echarts 提供的 API 实现定制化的富有交互的功能。 ... -
数据的视觉映射
数据的视觉映射 数据和维度 visualMap 组件 数据的视觉映射 数据的视觉映射 数据可视化是 数据 到 视觉元素 的映射过程（这个过程也可称为视觉编码，视觉元素也可称为视觉通道）。 ECharts 的每种图表本身就内置了这种映射过程，比如折线图把数据映射到『线』，柱状图把数据映射到『长度』。一些更复杂的图表，如 graph 、事件河... -
自定义系列
自定义系列 自定义系列 （一）renderItem 方法 （二）使坐标轴的范围自适应数据范围 （三）设定 tooltip （四）超出坐标系范围的截取 （五）关于 dataIndex （六）事件监听 （七）自定义矢量图形 自定义系列 自定义系列 自定义系列（custom series） ，是一种系列的类型。它把绘制图形元素这一步留给开发... -
基础教程
基础教程 基础教程 G2 图表的主要组成图表对象配置（chart）data 数据Frame 常见操作度量列定义操作geom 几何标记attr 图形属性coord 坐标系axis 坐标轴legend 图例tooltip 提示信息guide 辅助标记stat 统计变换facet 分面theme 图表样式label 文本标签图表事件 event图表交互数据异...
