定制开发Echarts重新加载数据但不重新渲染的原因和解决方法

Echarts定制开发重新加载数据但不重新定制开发渲染的原因和解决方法

⼀、Echarts定制开发渲染的逻辑:

如果echarts定制开发未实例化则进⾏实例化过程,⼀旦实例化,便会在div容器⽣成⼀个 echarts_instance echarts_instance 属性, 该属性值即为当前echarts的ID,然后根据该ID进⾏渲染。

⼆、因此,重新加载数据但不重新渲染的原因

第⼀次渲染图表后,便有了ID,但是我们⾮第⼀次加载数据时,图表的_echarts_instance_属性值我们没有显式引⽤,所以此时,待渲染的图表
在原有的div容器中,匹配不到想要渲染的图表,则出现数据加载成功,但是不渲染的情况。

三、解决⽅案:

1、全局刷新div,然后渲染全局刷新div,然后渲染。这样保证了每次加载的div中的图表ID【即_echarts_instance_】是第默认值,不需要显式指定;
2、显式指定ID。显式指定ID。即执⾏如下代码后 进⾏渲染
document.getElementById(‘div的ID’).setAttribute(‘echarts_instance’, ‘’)
解决⽅案2的关键代码:
注:
// 如果不设置如下这⾏代码,更新数据将不重新渲染图表,document.getElementById(‘container’).setAttribute(‘echarts_instance’, ‘’)
myChart.setOption(option,true);

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发