1. 首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. ECharts官网

环装饼图如何实现动态效果

2021年05月18日 10:38:18

1、在option外面定义数据,如下:

var arr=[
	{value: 100, name: '数据一'},
	{value: 200, name: '数据二'},
	{value: 300, name: '数据三'},
	{value: 400, name: '数据四'},
	{value: 500, name: '数据五'},
	{value: 600, name: '数据六'}
]

2、设置setInterval定时器

setInterval(function(){
    for(let index in arr){
		//改成接口数据
        arr[index].value=(Math.random()*50+100).toFixed(0);
    }
    myChart.setOption({
        series: [{
            data: arr
        }]
    })
},1000)

3、在option中赋值

option = {
	...省略
	series: [{
		...省略,和原来的一样
		data: arr
	}]
}

//以上就是基本写法

点击展开全文

Echarts入门