エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Chart.jsでヒートマップを描く - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Chart.jsでヒートマップを描く - Qiita
はじめに JSでグラフを描く際に頻繁に利用されるChart.js。簡単に綺麗なグラフが描けて便利なのですが、... はじめに JSでグラフを描く際に頻繁に利用されるChart.js。簡単に綺麗なグラフが描けて便利なのですが、残念ながら普通に使うとヒートマップが描けません。過去にプラグインがあったようですが、更新が止まってしまっており最新のChart.jsでは利用できません。 ここでは、工夫をこらしてChart.jsでヒートマップを描く方法をご紹介します。 結論 最初に結論から述べると、積み上げ棒グラフを使ってヒートマップっぽいグラフを作ります。 Chart.jsのIssuesに載っている方法なので以下を読んで、「なるほど、わかった。」という方には以降の解説は不要かと思いますので、これでおしまいです。 https://github.com/chartjs/Chart.js/issues/4627 以降では、Issuesの投稿にもう少し丁寧にサンプルコードを足して紹介します。 ヒートマップの描き方 マス目の