プログラム開発の情報や、雑記を投稿しているサイトです。

Chart.js 点線表示の方法

本記事では、Chart.jsの点線表示の方法を解説しています。

Chart.jsは、非常に機能も多く、グラフの種類も多い上に、処理速度も高速です。

利用している開発者の方々も多いと思います。

通常のグラフ

通常のグラフは、このような感じになるかと思います。

点線表示のグラフ

パターン1

Chart.jsの線グラフでは、プロパティーに設定することで、点線を表示させることができます。

点線に設定する箇所は、下記の部分になります。

全体のソースは、下記のような感じになります。

パターン2

配列の最初の数字で実線の長さ、次の数字で線と線の幅の長さを設定します。

おススメ書籍


各フレームワークについて、4点~14」点までの記載があり、それぞれの内容が読みやすい構成になっています。

フレームワークという難しそうな内容を、シンプルでカラーで記載されているので、スラスラと読めると思います。

業務で必要な課題について、ヒントがたくさんありますので、読み進めながら、自分なりにまとめることで、必ず解決策が見つかるでしょう。

少なくとも、何かしらのヒントは得られると思います。


本書はマニーニャの法則について紹介しています。

マニーニャの法則とは「明日まで待てないほど、緊急な仕事はない」という考え方です。

本書では、その法則に則し、仕事を先送りしないなどのテーマをわかりやすく解説しています。

マイケル・サンデル (著), 本田 由紀 (その他), 鬼澤 忍 (翻訳)