如何给chart.js增加双Y轴

JavaScript013

如何给chart.js增加双Y轴,第1张

Highcharts所有的图表除了饼图都有X轴和Y轴,默认情况下,x轴显示在图表的底部,y轴显示在左侧(多个y轴时可以是显示在左右两侧),通过chart.inverted = true 可以让x,y轴显示位置对调。

一、坐标轴组成部分 轴标题-Axis Title 坐标轴标题。

就可以了。

只能修改x和y轴上文字的颜色,轴的颜色不可以改变。

var ctx = $("#weekly-clicks-chart")

var weeklyClicksChart = new Chart(ctx, {

type: 'line',

data: data,

scaleFontColor: 'red',

options: {

scaleFontColor: 'red',

responsive: true,

tooltips: {

mode: 'single',

},

scales: {

xAxes: [{

gridLines: {

display: false,

},

ticks: {

fontColor: "#CCC", // this here

},

}],

yAxes: [{

display: false,

gridLines: {

display: false,

},

}],

}

}

})