
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Chart.js 値が正か負か判定し、グラフ色を変える - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Chart.js 値が正か負か判定し、グラフ色を変える - Qiita
// 値を設定 var datasets = [ { label: '利益額', data: [-960, -640, -220, 30, -80, 300, 660], back... // 値を設定 var datasets = [ { label: '利益額', data: [-960, -640, -220, 30, -80, 300, 660], backgroundColor: ['#3F88C5'] // 配列にしておく必要がある } ] // 各棒グラフの値が正か負かによって色分け for (var i = 0; i < datasets[0].data.length; i++) { if (datasets[0].data[i] > 0) { datasets[0].backgroundColor[i] = '#3F88C5' // 値が正の場合は青 } else { datasets[0].backgroundColor[i] = '#FF5E5B' // 値が負の場合は赤 } } /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー