echars 如何重新渲染数据或重新加载数据或初始化
今天做项目遇到,不刷新页面情况下,如何进行渲染不同的数据,最后找到好的方法,只需一句话,即可解决。
// 假如之前是这个样子 var option = { title: { text: '数据1', x: 'center', padding: 20, textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE color: '#fff', fontSize:14, } }, series: [ { name: '数据来源', type: 'pie', radius: '50', center: ['50%', '50%'], data: datas.data2 } ] }; var myChart = echarts.init(document.getElementById('b1')); myChart.setOption(option);
重新渲染时只需这样子即可。
myChart.setOption(option,true);
如果需要变更配置,可以重新制定一个option的配置。