echarts设置折线图图例的颜⾊与图例的⽂字颜⾊echarts中设置图例的颜⾊:需要在series中设置颜⾊
series: [{
name:'⼩组1',
data: [
{name:'1⽉',value:20},
{name:'2⽉',value:25},
{name:'3⽉',value:26},
{name:'4⽉',value:22},
{name:'5⽉',value:24},
{name:'6⽉',value:21},
{name:'7⽉',value:44},
{name:'8⽉',value:11},
{name:'9⽉',value:31},
{name:'10⽉',value:14},
{name:'11⽉',value:16},
{name:'12⽉',value:16},
],
itemStyle : {
textstylenormal : {
color: "red",//图例的颜⾊
lineStyle:{
color:'red'//线的颜⾊
}
}
},
symbol: 'circle', //设定为实⼼点
symbolSize: 10, //设定实⼼点的⼤⼩
type: 'line'
}]
echarts中设置图例⽂字的颜⾊与图例的颜⾊相同
textStyle:{
color:function(params){
}
},
是的,就是这么写,如果你问为什么function中没有返回颜⾊,因为我实测返回颜⾊了也没有⽤。
echarts中设置所有图例⽂字的颜⾊为⽩⾊
textStyle:{
color:'white'
}
当然也可以分别设置图例的⽂字颜⾊
legend: {
type:'plain',
orient: 'vertical',
x: 'left',
y2: 30,
data:[
{name:'⼩组1',textStyle:{color:'red'}}, {name:'⼩组2',textStyle:{color:'blue'}}, {name:'⼩组3',textStyle:{color:'yellow'}}, {name:'⼩组4',textStyle:{color:'red'}}
]
},
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论