要设置Echarts图例的颜色,可以使用legend.textStyle.color属性来设置图例文字的颜色,使用legend.itemStyle.color属性来设置图例图标的颜色。如果要使两个图例颜色不一样,可以分别设置它们的颜色。代码示例如下:

option = {
  // 其他配置...
  legend: [{
    data: ['图例1'],
    textStyle: {
      color: 'red'  // 图例文字颜色
    },
    itemStyle: {
      color: 'red'  // 图例图标颜色
    }
  },{
    data: ['图例2'],
    textStyle: {
      color: 'blue'  // 图例文字颜色
    },
    itemStyle: {
      color: 'blue'  // 图例图标颜色
    }
  }],
  // 其他配置...
};

在上述代码中,我们定义了两个图例,分别是图例1图例2,并分别设置了它们的文字颜色和图标颜色。可以根据需求将颜色设置为任意有效的CSS颜色值

Echarts设置图例颜色两个图例颜色不一样图例颜色不与主子颜色相同

原文地址: http://www.cveoy.top/t/topic/iVjv 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录