要改变 ECharts 图表的横轴线颜色,而不改变文字颜色,可以使用 ECharts 的图表配置项 'xAxis.axisLine' 来设置横轴线的颜色,同时使用 'xAxis.axisLabel' 来设置横轴文字的颜色。

以下是一个示例代码,演示如何改变横轴线的颜色,而保持文字颜色不变:

option = {
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E'],
    axisLine: {
      lineStyle: {
        color: '#f00' // 设置横轴线颜色
      }
    },
    axisLabel: {
      color: '#000' // 设置横轴文字颜色
    }
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [10, 20, 30, 40, 50],
    type: 'bar'
  }]
};

在上面的代码中,'xAxis.axisLine' 的 'lineStyle.color' 属性设置了横轴线的颜色为红色 '#f00','xAxis.axisLabel' 的 'color' 属性设置了横轴文字的颜色为黑色 '#000'。

你可以根据自己的需求调整颜色值。

ECharts 横轴线颜色设置 - 如何改变轴线颜色而不影响文字颜色

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

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