echarts设置图例图标和文本左对齐

      legend: {
        left: 'center',
        bottom: '5%',
        width: 350,
        itemWidth: 8,
        itemHeight: 8,
        itemGap: 15,
        align: 'left',
        textStyle: {
          color: '#181818',
          fontSize: 14,
          rich: {
            b: {              // 文本样式
              width: 60,     // 文本固定宽度(单位:px)
              backgroundColor: "transparent", // 一定要设置,不然不生效
            }
          }
        },
        formatter: (name) => {
          const item = data.find(item => item.name === name);
          return `{b|${name}}`;
        }
      },

关键代码:

width: 350,
itemGap: 15,
align: 'left',
textStyle:{
  
},
formatter:{

},
 
 
posted @ 2025-05-15 10:32  江北小乔  阅读(229)  评论(0)    收藏  举报