-
数据异步加载与动态更新
数据异步加载与动态更新 数据异步加载与动态更新 简介空数据源图表绘制动态更新数据 chart.changeData(data)简介很多场景下图表的数据源是需要异步加载获取的，在 G2 中实现异步数据的更新也是非常的简单，你只需要通过 jquery 等工具异步获取数据后，按照正常的创建图表步骤绘制即可。 $ . getJSON ( 'data.json... -
常见问题
常见问题 常见问题 图表如何支持自适应宽度如何格式化坐标轴文本怎么控制坐标轴刻度线个数以及刻度线的间距如何控制坐标轴的显示的数值范围如何格式化图例的显示文本如何设置图例项的初始状态如何绘制多 y 轴图表如何绘制混合图表如何修改 tooltip 的显示内容如何导出图片 图表如何支持自适应宽度如何格式化坐标轴文本怎么控制坐标轴刻度线个数以及刻度线的间距如何... -
几何标记和数据调整
几何标记和数据调整 几何标记和数据调整 调用语法为什么进行数据调整数据调整类型stack适合的数据类型适合的几何标记jitter适合的数据类型适合的几何标记dodge适合的数据类型适合的几何标记symmetric适合的数据类型适合的几何标记调用语法G2 默认提供了如下 8 种几何标记和数据调整组合，直接通过如下代码即可调用： chart . inte... -
自定义 shape
自定义 shape 自定义 shape 1分钟上手自定义Shape在 G2 2.0.x 中我们拓展了自定义的 Shape 的机制，赋予那部分有 高订制需求的 、 有图形知识储备 的工程师有直接订制最终图形的能力。这也是G2在向 可编程可视化引擎 迈出的重要一步。 var Shape = G2 . Shape ; Shape . regi... -
Global
Global Global 属性方法Global.setTheme参数获取方式： G2.Global G2的全局配置信息，用于主题等的设置。 属性G2.Global 中属性有两种类型： 度量相关皮肤主题相关 皮肤相关的属性如下： var DEFAULT_COLOR = '#4E7CCC' ; var FONT_FAMILY = ... -
Theme 图表皮肤主题
[TOC] 图表皮肤图表主题图表样式设置新增主题全局图表主题切换变更全局样式demo 演示Chart 级别主题切换 图表皮肤 在图表样式上，G2 提供了丰富的自定义配置选项，既可从全局设置，也支持 Chart 级别的主题设置和局部设置数据层级的设置。 图表主题 G2 默认提供了两种图表主题： default、dark。 图表样式设置 新增主题... -
Label 图形文本
[TOC] Label 图形文本如何使用格式化文本自定义 html 文本 Label 图形文本 恰当的文本标注可以提高可视化图表的可读性。除了提供文本标签标注的功能之外，G2 还支持文本的格式化以及自定义 html 文本标签的功能。 如何使用 在每个几何标记 geom 上调用 label 方法，指定需要显示的数据维度即可： // 指定显示文本标签... -
Event 图表事件
[TOC] 图表事件如何使用示例 1：饼图点击跳转示例 2：动态改变 tooltip 显示信息 图表事件 chart 对象提供了各种事件支持，以响应用户的操作，方便用户扩展交互。开发者可以监听这些事件，然后通过回调函数做相应的处理，比如跳转到一个地址，或者弹出对话框，或者做数据下钻等等。 G2 中的事件用法如下： chart.on('eventTy... -
图表交互
[TOC] 图表交互激活选中示例：地图省市下钻 图表交互 G2 默认内置的交互包括： active 激活； select 选中。 激活 开启以及关闭 shape 对于鼠标 hover 时的响应效果，G2 默认为各个 shape 内置了 active 效果。 geom.active(false); // 关闭默认响应geom.active(tr... -
Data Management
Data Management Introduce In react/vue, we often use redux/vuex for data management and maintain a unified set of data. Under the Eva.js system, we have designed a set of data ma...
