功夫码

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

晓峰 时间:2019-07-11 00:24:47 阅读:17

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

本文来源:功夫码(gongfuma.com)

声明:本文系功夫码原创稿件,版权属[功夫码 gongfuma.com]所有,未经授权不得转载,已经协议授权的媒体下载使用时须注明"稿件来源:功夫码",违者将依法追究责任。

相关文章

回到顶部