'+params.percent+'%

'+ params.name +'

', '

'+params.percent+'%

'+ params.name +'

'] tipHtml = htmlT[0] return tipHtml; } }, series: [ { name:'访问来源', type:'pie', radius: ['60%', '74%'], center: [ '50%', '57%' ], minAngle: 45, avoidLabelOverlap: true, label: { normal:{ show: true, position: 'outside', textShadowcColor: '#1549cc', textShadowBlur: 30, formatter:function(params){ return '{name|' + params.data.name + '}\n{value|'+params.data.value + '}'; }, rich: rich } }, labelLine: { normal: { show: true, lineStyle:{ color:'#ffffff' } } }, data: [ { value:231, name:'地产', itemStyle:{ color: colorSelect[0] } }, { value:12702, name:'建筑', itemStyle:{ color: colorSelect[1] } }, { value:19395, name:'物业', itemStyle:{ color: colorSelect[2] } }, { value:907, name:'设计院', itemStyle:{ color: colorSelect[3] } }, { value:2621, name:'其他', itemStyle:{ color: colorSelect[4] } } ] } ] }; var count = 0; var timeTicket = null; var dataLength = option.series[0].data.length; timeTicket && clearInterval(timeTicket); timeTicket = setInterval(() => { myChart.dispatchAction({ type: 'downplay', seriesIndex: 0, }); myChart.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: (count) % dataLength }); myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: (count) % dataLength }); count++; }, 2000); myChart.on('mouseover', (params) => { clearInterval(timeTicket); myChart.dispatchAction({ type: 'downplay', seriesIndex: 0, }); myChart.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: params.dataIndex }); myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: params.dataIndex, }); }) myChart.on('mouseout', (params) => { timeTicket && clearInterval(this.timeTicket); timeTicket = setInterval(() => { myChart.dispatchAction({ type: 'downplay', seriesIndex: 0, }); myChart.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: (count) % dataLength }); myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: (count) % dataLength }); count++; }, 2000) })

环图的循环展示数据