ECharts 横轴线颜色设置 - 如何改变轴线颜色而不影响文字颜色
要改变 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'。
你可以根据自己的需求调整颜色值。
原文地址: http://www.cveoy.top/t/topic/puzd 著作权归作者所有。请勿转载和采集!