要改变 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.axisLinelineStyle.color 属性设置了横轴线的颜色为红色 #f00xAxis.axisLabelcolor 属性设置了横轴文字的颜色为黑色 #000

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

echarts改变横轴线得颜色不改变文字颜色

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

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