我正在尝试使用Chart.js更改X和Y轴的样式,我能够改变它们的宽度,但由于某种原因,我无法改变它们的背景颜色,并且文档中没有任何内容(http:/ /www.chartjs.org/docs/)可能有所帮助.我能够使用更改X轴背景zeroLineColor,但这仅在数据集从零开始时才有效
请注意,我不是要设置网格线的样式,而是实际上是刻度线旁边的线(以前称为标签,如果我没有错).
我目前的标记看起来像这样:
<canvas id="applauseChart" width="405" height="405"></canvas>
Run Code Online (Sandbox Code Playgroud)
生成图表的代码如下所示:
Chart.defaults.global.legend = {
display: false,
labels: {
fontFamily: "'Open Sans', sans-serif",
fontSize: 12,
fontStyle: "bold",
fontColor: "#545454"
}
};
var ctx = $("#applauseChart");
var data = {
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
datasets: [
{
label: "Applauses",
fill: false,
lineTension: 0,
backgroundColor: "transparent",
borderColor: "#FE8C85",
borderWidth: 10,
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0,
borderJoinStyle: 'miter',
pointBorderColor: "#FE8C85",
pointBackgroundColor: "#FE8C85", …Run Code Online (Sandbox Code Playgroud)