echarts 自定义图例的颜色

最新推荐文章于 2025-06-13 10:51:51 发布

zeroyulong

最新推荐文章于 2025-06-13 10:51:51 发布

阅读量3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js效果文章标签： echarts 图例颜色

本文链接：https://blog.youkuaiyun.com/zeroyulong/article/details/89520312

js效果专栏收录该内容

8 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接定义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;
					}
				},
}