[FE] G2Plot 更新图表的两种方式

Posted farwish

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[FE] G2Plot 更新图表的两种方式相关的知识,希望对你有一定的参考价值。

 

第一种是使用 G2Plot 对象上的 changeData 方法,如果不涉及到全局 title 等这些的更改,可以采用这种方式。

也就是说,只有纯数据方面的变动,使用 changeData 更新图表数据 效率最高。

https://antv-g2plot.gitee.io/zh/examples/line/basic/API#changedata

 

第二种,如果有一些文本也需要根据数据来变动,比如子标题内容等等。

那么可以先 destroy() 销毁图表,然后再重新实例化并 render()。

 

Link:https://www.cnblogs.com/farwish/p/12945508.html

以上是关于[FE] G2Plot 更新图表的两种方式的主要内容,如果未能解决你的问题,请参考以下文章

Vue中使用echarts图表的两种方式

使用echarts插件做图表常见的几个问题——图形的两种渲染方式

项目发布的两种方式

antv | G2Plot 数据可视化图表库-案例

antv | G2Plot 数据可视化图表库-案例

G2plot图表在Vue中使用-获取新数据后二次渲染图表-案例