如何更改 chartjs / vue-chartjs 中某些线条的颜色?
How can I change the color of certain lines in chartjs / vue-chartjs?
我注意到默认条形图总是有一条较暗的零线。我还注意到 -1.0 处的水平线也更暗。我希望这些颜色与网格相同。我该怎么做?
此处显示了一个简单的示例:
https://jsfiddle.net/Lnv3cmz0/1/
Vue.component('chart', {
template:`
<canvas></canvas>
`,
props:['type'],
mounted(){
this._chart = new Chart(this.$el, {
type:this.type,
data:[],
})
},
})
//App setup
new Vue({
el:'#vue',
})
答案是GridLines中的zeroLineColor
https://www.chartjs.org/docs/latest/axes/styling.html#grid-line-configuration
我注意到默认条形图总是有一条较暗的零线。我还注意到 -1.0 处的水平线也更暗。我希望这些颜色与网格相同。我该怎么做?
此处显示了一个简单的示例: https://jsfiddle.net/Lnv3cmz0/1/
Vue.component('chart', {
template:`
<canvas></canvas>
`,
props:['type'],
mounted(){
this._chart = new Chart(this.$el, {
type:this.type,
data:[],
})
},
})
//App setup
new Vue({
el:'#vue',
})
答案是GridLines中的zeroLineColor https://www.chartjs.org/docs/latest/axes/styling.html#grid-line-configuration