scales: {
x: { // <-- axis is not array anymore, unlike before in v2.x: '[{'
grid: {
color: 'rgba(255,0,0,0.1)',
borderColor: 'red' // <-- this line is answer to initial question
}
},
y: { // <-- axis is not array anymore, unlike before in v2.x: '[{'
grid: {
color: 'rgba(0,255,0,0.1)',
borderColor: 'green' // <-- this line is answer to initial question
}
}
}
5条答案
按热度按时间tzxcd3kk1#
我知道这个问题是2年前问的,OP已经标记了正确答案,但是我有一个解决方案,可以解决OP在标记答案的评论中提到的问题,我想解决它,以保存其他人的时间。
但是这会改变坐标轴和所有网格线的颜色,如果我只想改变坐标轴的颜色呢?例如,我希望坐标轴的颜色是黑色,网格线的颜色是灰色。
如果你想做到这一点,那么标记的答案不会为你做到这一点,但以下内容应该:
kqlmhetl2#
你可以通过图表选项下的比例配置更改颜色:
2g32fytz3#
@一个朋友的好问题和好答案
他的答案与.......
chart.js
v2.xx配合得非常好现在为感兴趣的用户提供版本3.xx:
(as* * v3.xx与v2.xx**不向后兼容)
使用
borderColor
而不是zeroLineColor
,通过Chart.js
v3.xx更改图表轴的颜色:以下是包含完整代码的工作代码段:
x一个一个一个一个x一个一个二个x
mnemlml84#
在Charjs.JS中,我们可以使用以下设置来设置刻度标签和刻度的样式。
请参考所有属性的链接。在实施之前研究所有属性。
快乐编码!
5cg8jx4n5#
对于2022年更新的ChartJs 3可以在初始化上下文时传递
options
对象。在示例代码中,我使用x
来更改X轴上的线条颜色,您也可以尝试y
。