上記画像の赤矢印で示した目盛り軸を非表示にしたいです。
非表示が無理なら、透明色を指定しようと思っています。
その際の設定方法など、ご存知の方はご教授ください。
var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, { type: 'line', data: { labels: ['', '日', '月', '火', '水', '木', '金', '土', ''], datasets: [{ label: '緑', data: [ , 95, 90, 89, 78, 85, 94, 86, ], borderColor: "rgba(153,255,51,1)", // 線の色 borderWidth: 2, // グラフの線の太さ fill: false, // 線とX軸で囲まれた範囲の描画 lineTension: 0 // 線を直線にする }, { label: 'オレンジ', data: [ , 91, 75, 76, 92, 85, 79, 94, ], borderColor: "rgba(255,153,0,1)", // 線の色 borderWidth: 2, // グラフの線の太さ fill: false, // 線とX軸で囲まれた範囲の描画 lineTension: 0 // 線を直線にする }] }, options: { responsive: false, legend: { // 「緑」「オレンジ」の非表示 display: false, }, scales: { // 軸設定 yAxes: [ // Y軸の設定 { display: true, position: "left", drawBorder: false, ticks: { min: 50, // 軸の最小値 max: 100, // 軸の最大値 stepSize: 10 // 目盛り・補助線の間隔 } } ], xAxes: [{ // X軸の設定 display: true, position: "top", gridLines: { display:false } }] } } });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/11/01 03:46
2018/11/01 03:49
退会済みユーザー
2018/11/01 03:51
2018/11/01 03:55