装载数据

    • 方式 1:data 属性传入
    • 方式 2:调用 chart.source(data) 方法,每个字段的也可以在这里传入
    1. x: {
    2. type: 'cat'
    3. },
    4. y: {
    5. min: 0
    6. }
    7. })

    G2 支持两种格式的数据源:

    G2 接收的数据格式非常简单:标准的 JSON 数组,其中每个数组元素是一个标准的 JSON 对象:

    详见 。

    G2 更新数据的方式主要有三种:

    • 仅仅是更新图表的数据
    • 使用 DataView 时的更新
    1. chart.changeData(newData);
    • view 也支持 view.changeData(data)
      如果仅仅是更新数据,而不需要马上更新图表,可以调用 ,需要更新图表时调用

    更新数据时还可以清除图表上的所有元素,重新定义图形语法,重新绘制

    1. chart.line().position('x*y');
    2.  
    3. chart.render();
    4.  
    5. chart.clear(); // 清理所有
    6. chart.souce(newData); // 重新加载数据
    7. chart.interval().position('x*y').color('z');

    由于 支持状态量 ,一旦更改状态量,图表即一起刷新,详情查看 DataSet 教程