chart.jsで以下のようなグラフを作成しております
その中で積み上げ棒グラフのうち一つだけマイナス方向にのみ増えていくものを取り入れようとしていたのですがマイナス方向に数が増えれば増えるほど折れ線グラフの最初の数字がマイナスになってしまいます。
折れ線グラフの1月のy軸の数字を0にしたままマイナス方向への積み上げ棒グラフを作成する方法をご教示していただければと思います。
以下作成したものになります。
</body> </html>type: "bar", data:{ labels:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"], datasets:[ { label:'折れ線1', type:'line', data:[3,3,3,3,3,3,3,3,3,3,3,3], backgroundColor: "red", borderColor : "rgba(254,97,132,0.8)", fill: false, borderDash: [5, 5], yAxisID: 'y-axis-1', }, { label:'折れ線2', type:'line', data:[0,3,4,4,3,3,3], backgroundColor: "black", borderColor : "rgba(0,0,0,255.8)", fill: false, yAxisID: 'y-axis-1', }, { label:'棒1', data:[0,3,4,4,4,4,4,4,4,4,], backgroundColor: "#00ff7f", yAxisID: 'y-axis-2', }, { label:'棒2', data:[6,3,2,3,0,0,0,0,3,2], backgroundColor: "gray", yAxisID: 'y-axis-2', }, { label:'棒3', data:[0,0,0,-1,-1,-2,-2,-2,-2,-2,], backgroundColor: "blue", yAxisID: 'y-axis-2', }, ] }, options:{ title: { //タイトル設定 display: true, //表示設定 fontSize: 18, //フォントサイズ text: '月別の数値', //ラベル// responsive: true, }, legend: { display: true, position: 'top', label:'test', }, scales:{ xAxes:[{stacked:true,}, ], yAxes:[{id: 'y-axis-1', stacked: false,//積み上げないY軸 type: 'linear', display: false, position: 'left', scaleLabel: { display: false, labelString: '【A】', fontSize: 12, //fontColor:'blue', }, ticks: {beginAtZero: true, max:8, stepSize: 1, } },{ id: 'y-axis-2',//積み上げるY軸 stacked: true, type: 'linear', display:true, position: 'left', ticks: { beginAtZero: true, max:8, stepSize: 1,},}, ] }, }, }); </script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/12/19 07:23