简介 如何使用 示例 1：饼图点击跳转 示例 2：动态改变 tooltip 显示信息 简介 chart 对象提供了各种事件支持，以响应用户的操作，方便用户扩展交互。开发者可以监听这些事件，然后通过回调函数做相应的处理，比如跳转到一个地址，或者弹出对话框，或者做数据下钻等等。 G2 中的事件用法如下： chart . on ( 'eventT...

图表交互 激活 选中 示例：地图省市下钻 图表交互 G2 默认内置的交互包括： active 激活； select 选中。 激活 开启以及关闭 shape 对于鼠标 hover 时的响应效果，G2 默认为各个 shape 内置了 active 效果。 geom . active ( false ); // 关闭默认响应 geo...

简介 如何配置图例 图例样式设置 图例项样式设置 图例的选择模式设置 自定义 html 图例 自定义图例 常见问题 简介 图例（legend）是图表的辅助元素，使用颜色、大小、形状区分不同的数据类型，用于图表中数据的筛选。G2 会根据设置图形属性映射以及数据的类型自动生成不同的图例。 shape, color, size 这三个图...

G2 常见问题 图表如何支持自适应宽度 如何格式化坐标轴文本 怎么控制坐标轴刻度线个数以及刻度线的间距 如何控制坐标轴的显示的数值范围 如何格式化图例的显示文本 如何设置图例项的初始状态 如何绘制多 y 轴图表 如何绘制混合图表 如何修改 tooltip 的显示内容 如何导出图片 G2 常见问题 图表如何支持自适应宽度 (1)...

简介 如何使用 格式化文本 自定义 html 文本 使用统计函数 简介 恰当的文本标注可以提高可视化图表的可读性。除了提供文本标签标注的功能之外，G2 还支持文本的格式化以及自定义 html 文本标签的功能。 如何使用 在每个几何标记 geom 上调用 label 方法，指定需要显示的数据维度即可： // 指定显示文本标签 c...

简介 Slider 工作原理 如何使用 Slider 组件 引入 Slider 组件 创建 Slider 的 dom 容器 创建 Slider 组件对象并渲染 快速上手 简介 用于数据范围的选择插件，尤其适用于大数据量的图表绘制，帮助用户更好地关注某一范围的数据可视化结果。 如下图所示： Slider 工作原理 Slider 组件...

文本标签配置 简介 如何显示文本标签 文本标签类型 标签布局 文本标签配置 简介 在图表中，标签是对当前的一组数据进行的内容标注。文本标签可包括数据点、拉线、文本数值等元素，根据不同的图表类型选择使用。 如何显示文本标签 文本标签对应每一条数据记录，G2 除了提供文本标签的显示功能外，用户还可以指定显示的内容、配置文本样式等。使...

自定义 Shape 1分钟上手自定义 Shape 自定义 Shape 自 G2 2.0.x 版本开始我们添加了自定义 Shape 的机制，以支持部分有 高订制需求的 图表可视化需求。这也是 G2 在向 可编程可视化引擎 迈出的重要一步。 const Shape = G2 . Shape ; Shape . registerShap...

3.4. Userlists 3.4. Userlists It is possible to control access to frontend / backend / listen sections or to http stats by allowing only authenticated and authorized ...

选择 Canvas 还是 SVG 适用场景 性能差异 定制和交互 小结 G2 如何使用不同的渲染方案 SVG demo 选择 Canvas 还是 SVG HTML5 提供了 Canvas 和 SVG 两种绘图技术，也是多数 Web 图表库使用的渲染技术。Canvas 是基于脚本的，通过 JavaScript 指令来动态绘图。而 SVG 则...