-
使用 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，这... -
在图表中支持无障碍访问
在图表中支持无障碍访问 整体修改描述 定制模板描述 在图表中支持无障碍访问 在图表中支持无障碍访问 W3C 制定了无障碍富互联网应用规范集（WAI-ARIA ，the Accessible Rich Internet Applications Suite），致力于使得网页内容和网页应用能够被更多残障人士访问。ECharts 4.0 遵从这一规范... -
小例子：实现日历图
小例子：实现日历图 第一步：引入js文件 第二步：指定DOM元素作为图表容器 第三步：配置参数 自定义配置参数 日历坐标系的其他形式 小例子：实现日历图 小例子：实现日历图 在ECharts中，我们新增了日历坐标系，如何快速写出一个日历图呢？ https://echarts.baidu.com/gallery/view.html?c=ca... -
自定义构建 ECharts
自定义构建 ECharts 准备工作：创建自己的工程和安装 echarts 使用 echarts 提供的构建脚本自定义构建 允许被引用的模块 引用 echarts/lib/ 还是 echarts/src/ 直接使用 rollup 自定义构建 多语言支持 自定义构建 ECharts 自定义构建 ECharts 一般来说，可以直接从 ec... -
自定义系列
自定义系列 自定义系列 （一）renderItem 方法 （二）使坐标轴的范围自适应数据范围 （三）设定 tooltip （四）超出坐标系范围的截取 （五）关于 dataIndex （六）事件监听 （七）自定义矢量图形 自定义系列 自定义系列 自定义系列（custom series） ，是一种系列的类型。它把绘制图形元素这一步留给开发... -
基础教程
基础教程 基础教程 G2 图表的主要组成图表对象配置（chart）data 数据Frame 常见操作度量列定义操作geom 几何标记attr 图形属性coord 坐标系axis 坐标轴legend 图例tooltip 提示信息guide 辅助标记stat 统计变换facet 分面theme 图表样式label 文本标签图表事件 event图表交互数据异... -
G2 图表的主要组成
G2 图表的主要组成 G2 图表的主要组成 简介坐标轴 axis图例 legend几何标记 geom提示信息 tooltip辅助标记 guide其他简介为了更好得使用 G2 进行数据可视化，我们需要了解 G2 图表的组成以及相关概念。完整的 G2 图表组成如下图所示： 坐标轴 axis通常包含两个坐标轴，在笛卡尔坐标系下，分别为 x 轴和 y 轴，在... -
列定义操作
列定义操作 列定义操作 简介如何操作chart.source(data, defs)chart.col(‘dim’, def)简介所谓的列定义，即是对度量 scale 的操作。 G2 默认提供了一套生成度量的机制，我们会根据每个数据属性的第一个数值类型生成对应的度量。但是这套机制并不能满足全部的需求，因此我们为用户提供了手动指定度量类型的方法，以满足多... -
geom 几何标记
geom 几何标记 geom 几何标记 什么是几何标记如何设置几何标记几何标记类型几何标记和图表类型几何标记的方法几何标记和图形形状什么是几何标记即我们所说的点、线、面这些几何图形。G2 中并没有特定的图表类型（柱状图、散点图、折线图等）的概念，用户可以单独绘制某一种类型的图表，如饼图，也可以绘制混合图表，比如折线图和柱状图的组合。 G2 生成的图表的...
