echart使用总结

itemStyle

图形样式,可设置图表内图形的默认样式和强调样式(悬浮时样式):(可以设置每一项的具体样式)

itemStyle: {
    normal: {
        ...
    },
    emphasis: {
        ...
    }
}
legend:data[]:图例内容数组,数组项为{String},每一项代表一个系列的name,使用根据该值索引series中同名系列的图表类型和itemStyle,,如果索引不到,该item将默认为没启用状态。
/**lenend显示数据内容*/
legend:{
    formatter:function(name){
       var data=this.getSeries()[0].data;
       var total=0;
        for(var i=0,i=data.length;i<1;i++){
             total +=data[i].value;
         }  
    }  
}

 data可以出传入空('')进行手动换行

itemStyle的color属性可以根据不同的值展示不同的颜色(支持function):

itemStyle:{
    color:function(param){
       if(param.data[0]>30){
            return 'red';
       }else{
return 'green';
} } }

 

posted @ 2018-02-01 23:14  李慕白520  阅读(293)  评论(0编辑  收藏  举报