话不多说,在线UI图需要实现直方图中白光闪烁的效果。当时想用符号和插入白光.gif来实现,但是发现横图的效果不是很好,只好作罢。然后想到直接用定时器画一个新的直方图会更好。这样做的缺点是页面会有多个定时器,echart一直重绘。附上预览,希望大家能找到更好的解决方案Histogramwhitelighteffectoption={title:{text:'Histogramhighlighteffect'},backgroundColor:'black',grid:{right:20,top:40,bottom:20,left:20,containLabel:true},xAxis:{type:'value',splitLine:{show:true,lineStyle:{color:['#4E4E5A'],width:1,type:'solid'}}},yAxis:{type:'category',data:["hardfloaters","lightfloaters","stackinghazards"],axisTick:{show:false}},系列:[{name:'hardFloater',type:'bar',stack:'all',data:[2,3,6],barWidth:30,},{name:'lightfloater',type:'bar',stack:'all',数据:[3,2,1],barWidth:30,},]};变量计数=0;setInterval(函数(){如果(计数t%2==0){option.series=option.series.slice(0,2)myChart.setOption(option,true);//交换setOption}else{option.series.push({type:'bar',data:[5,5,7],barWidth:30,barGap:'-100%',zlevel:2,itemStyle:{normal:{color:newecharts.graphic.LinearGradient(1,0,0,0,[{offset:0,color:'rgba(255,255,255,0.3)'},{offset:1,color:'rgba(255,255,255,0)'}])}}})myChart.setOption(option,true);}count+=1;},1000);
