-
Element
Element Element 为什么要增加 Element 什么是 Element 单数据对应的 Element # 集合数据对应的 Element Element 职责 Element 相关操作 Element Element 为什么要增加 Element 在 G2 2.x 和 3.x 中，用户操作的对象是 Chart，仅仅有限... -
绘制分面
绘制分面 绘制分面 如何设置分面 分面的类型 rect 矩形分面 list 水平列表分面 circle 圆形分面 tree 树形分面 mirror 镜像分面 matrix 矩阵分面 绘制分面 绘制分面 分面，将一份数据按照某个维度分隔成若干子集，然后创建一个图表的矩阵，将每一个数据子集绘制到图形矩阵的窗格中。 总结起来，分面其实提... -
绘制基础图表
绘制基础图表 绘制基础图表 Geometry 几何标记 折线图 基础实例 核心语法 面积图 基础实例 核心语法 柱状图 基础实例 核心语法 条形图 基础实例 核心语法 饼图 基础实例 核心语法 散点图 基础实例 核心语法 漏斗图 基础实例 核心语法 雷达图 基础实例 核心语法 更多 绘制基础图表 ... -
G2 设计思路
G2 设计思路 G2 设计思路 可视化框架的构成 G2 的框架结构 数据处理模块 图形映射模块 辅助信息 图形展示 数据到图形映射的流程 G2 数据转换流程 G2 设计思路 G2 设计思路 可视化框架的构成 数据可视化的本质是：将数据映射到图形，同时增加一些辅助信息，让用户读懂数据 。 根据这一点我们可以推导出一个可视化框架需要... -
配置图表主题
配置图表主题 配置图表主题 使用内置主题 注册自定义主题 配置图表主题 配置图表主题 G2 在绘图时，首先确定数据是如何展示的，然后再通过主题系统对细节进行控制。在 G2 中主题控制着图表的非数据元素外观，它不能改变图表的感官性质，但是可以使图表变得更具美感 ，满足整体一致性的要求，包括图表的坐标轴、图例、网格线等的样式及几何标记的颜色搭配等。... -
5 分钟上手 ECharts
5 分钟上手 ECharts 获取 ECharts 引入 ECharts 绘制一个简单的图表 5 分钟上手 ECharts 5 分钟上手 ECharts 获取 ECharts 你可以通过以下几种方式获取 ECharts。 从官网下载界面 选择你需要的版本下载，根据开发者功能和体积上的需求，我们提供了不同打包的下载，如果你在体积上没有要求... -
G2 图表的主要组成
G2 图表的主要组成 G2 图表的主要组成 简介坐标轴 axis图例 legend几何标记 geom提示信息 tooltip辅助标记 guide其他简介为了更好得使用 G2 进行数据可视化，我们需要了解 G2 图表的组成以及相关概念。完整的 G2 图表组成如下图所示： 坐标轴 axis通常包含两个坐标轴，在笛卡尔坐标系下，分别为 x 轴和 y 轴，在... -
列定义操作
列定义操作 列定义操作 简介如何操作chart.source(data, defs)chart.col(‘dim’, def)简介所谓的列定义，即是对度量 scale 的操作。 G2 默认提供了一套生成度量的机制，我们会根据每个数据属性的第一个数值类型生成对应的度量。但是这套机制并不能满足全部的需求，因此我们为用户提供了手动指定度量类型的方法，以满足多... -
数据异步加载与动态更新
数据异步加载与动态更新 数据异步加载与动态更新 简介空数据源图表绘制动态更新数据 chart.changeData(data)简介很多场景下图表的数据源是需要异步加载获取的，在 G2 中实现异步数据的更新也是非常的简单，你只需要通过 jquery 等工具异步获取数据后，按照正常的创建图表步骤绘制即可。 $ . getJSON ( 'data.json... -
常见问题
常见问题 常见问题 图表如何支持自适应宽度如何格式化坐标轴文本怎么控制坐标轴刻度线个数以及刻度线的间距如何控制坐标轴的显示的数值范围如何格式化图例的显示文本如何设置图例项的初始状态如何绘制多 y 轴图表如何绘制混合图表如何修改 tooltip 的显示内容如何导出图片 图表如何支持自适应宽度如何格式化坐标轴文本怎么控制坐标轴刻度线个数以及刻度线的间距如何...
