前提・実現したいこと
chart.js v2.9.3
jQuery 2.2.3
以下の設定でグラフ表示しています。
options.scales.yAxes.gridLines.zeroLineColorに
'#000000'を設定していますが、線の色が変わりません。
options.scales.yAxes.gridLines.ticks.minを
0にすると色が変わります。
options.scales.yAxes.gridLines.ticks.minが0以外の場合に
y軸開始の線の色を変える方法はありますでしょうか?
該当のソースコード
javascript
1var chart = new Chart($("#chart1"), { 2 type: 'line', 3 data: { 4 labels: ["1","2", "3", "4", "5"], 5 datasets: [ 6 { 7 lineTension: 0, 8 pointBackgroundColor: "#000000", 9 data: [, 15, 20, 90,] 10 } 11 ] 12 }, 13 options: { 14 scales: { 15 yAxes: [ 16 { 17 ticks: { 18 min: 10, 19 max: 100, 20 stepSize: 20, 21 fontSize: 14 22 }, 23 gridLines: { 24 zeroLineColor: "#000000" 25 } 26 } 27 ], 28 xAxes: [ 29 { 30 gridLines: { 31 zeroLineColor: "#000000" 32 } 33 } 34 ] 35 }, 36 } 37})
あなたの回答
tips
プレビュー