echarts设置折线图图例的颜色与图例的文字颜色

最新推荐文章于 2024-08-01 12:00:00 发布

qq_27814583

最新推荐文章于 2024-08-01 12:00:00 发布

阅读量2.1w

点赞数 10

分类专栏： echarts

本文链接：https://blog.csdn.net/qq_27814583/article/details/87630050

版权

echarts 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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 : {  
                normal : {  
                	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'}}
	        ]
	    },