エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Chart.jsでグラフの色を途中で変える - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Chart.jsでグラフの色を途中で変える - Qiita
目的 折れ線グラフの色を途中で変えたい場合がありますよね。 Chart.jsでの実現方法をまとめます。 例 ... 目的 折れ線グラフの色を途中で変えたい場合がありますよね。 Chart.jsでの実現方法をまとめます。 例 ここでは消費税収額を題材にします。 普通にグラフを作成すると以下のとおりです。消費税率は上昇しているので、税率と税収の関係がわかるように、税率ごとに色分けしたくなりますね。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Chart</title> <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script> </head> <body> <canvas id="myChart"></canvas> <script> const data = [3.3, 4.6, 5.0, 5.2