前提・実現したいこと
Chart.jsを使用して棒グラフを作成しています。
発生している問題・エラーメッセージ
X軸の項目の一部が長すぎて、他の項目と一緒に表示されないような状態です。
角度を変えるか、文字の大きさを変えるかなどしてすべての項目を表示させたいのですが…。
該当のソースコード
<canvas id="graph2018" height="350" width="600"></canvas> <script> var ctx = document.getElementById("graph2018"); var myBarChart = new Chart(ctx, { //グラフの種類 type: 'bar', //データの設定 data: { //データ項目のラベル labels: ["カナダ", "オーストラリア", "アメリカ", "フランス", "ドイツ", "スペイン", "オランダ", "スウェーデン", "イギリス", "イタリア", "スイス", "韓国", "日本" ], //データセット datasets: [{ //凡例 label: "食料自給率(%)", //背景色 backgroundColor: "rgba(75,192,192,0.4)", //枠線の色 borderColor: "rgba(75,192,192,1)", //グラフのデータ data: [264, 223, 130, 127, 95, 93, 69, 69, 63, 60, 55, 43, 38] }] }, //オプションの設定 options: { responsive: true, legend: { display: false, // 凡例を消す }, title: { display: true, fontSize: 18, text: "各国の食料自給率" } } }); </script>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/10 23:35