echarts 自定义图例的颜色

最新推荐文章于 2025-03-10 14:54:03 发布

原创最新推荐文章于 2025-03-10 14:54:03 发布 · 3.0k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#echarts 图例颜色

js效果专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何在ECharts中定义颜色数组并配置垂直图例，实现上下居中的显示效果，通过具体代码示例展示了如何自定义图例的样式和内容。

直接定义color数组即可

var option = {
				color:['#ff671b','#666666','#888888'],
				legend: {
					orient: 'vertical',
					x: 'left',
					top: 'middle',//上下居中
					itemWidth: 6,
					itemHeight: 6,
					selectedMode: false,	
					data: ['股票', '银行存款', '其他'],
					formatter:function(name){
						
						return name;
					}
				},
}