2018-08-30TwitterFacebookはてブLINEグラフ作成系プラグインの中で、1,2を争う人気なのがこのhighcharts。データの持ち方に癖がありますが、使いこなせれば個人的なツール作成や仕事に役立つでしょう。商用利用の場合は有償。highchartsの良い点は何といっても「見た目」。デフォルト設定でも十分に綺麗なので、派手な見た目をやたらに求めて来るクライアントを満足させるのにかなり効果的です。これから使い方を説明して行きますが、jQueryとかjavascriptとかの知識はそこまで無くても使えると思うので、まずは使ってみてください。・何かよく分からないけどカッコイイグラフを表示してみたい人くらいまで。細かい使い方はまた今度。「とりあえず表示は出来る」に加えて「簡単な項目はいくらかわかる」くらいまでを目指します。一回表示して満足してはならぬ。最低限必要なのが1.チャートを表示するためのhtml2.チャートを作成するためのjsとりあえず、この2ファイルについて解説。src="./js/chart.js"></script>highchartsを動かすためには、jQueryが必要。上の呼び出しでjQueryを、次の呼び出しでhighchartsを呼び出している。三番目の呼び出しは、今回チャート生成に使う自作のjs。Libraries」という、Googleのホスティングしているjsを呼び出しているが、自分で用意しても問題ない。id="container"></div>チャート表示部分は「id=”container”」を指定する事で、チャート作成部分で指定する「チャートの受け皿となる場所」を用意している。