echars 如何重新渲染数据或重新加载数据或初始化

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的配置。

你可能感兴趣的