echart图表legend每列固定宽度

加加加菲猫

于 2024-05-28 16:27:28 发布

阅读量1.1k

点赞数 4

分类专栏： echarts 文章标签：前端

仅作为自己学习的记录。本文为博主原创文章，可以转载，请标明出处。

本文链接：https://blog.youkuaiyun.com/Feel__/article/details/139270530

版权

修改前：

修改后：

关键代码：

设置一个背景并使之透明，否则宽度不生效，配合formatter使用

formatter: '{a|{name}}',
    rich:{
        a: {
            width: 48,
            fontSize: 12,
            backgroundColor: "rgba(11, 39, 52, 0)" // 关键代码，设置一个背景并使之透明，否则宽度不生效，配合formatter使用
        },
    }
}

全部代码

option = {
  xAxis: {
		type: 'value',
		show: false,
		splitLine: {
			show: false,
			// lineStyle: {
			// 	type: 'dashed', // 设置为虚线
			// 	color: '#ccc' // 虚线颜色
			// }
		}
	},
	yAxis: {
		zlevel:10,
		type: 'category',
		data: