2018-08-30TwitterFacebookはてブLINE「人間見た目じゃないよ。中身だって」なんて言う人も居ますが、第一印象は見た目で決まります。会ってすぐに中身がわかったらそれはエスパーです。つまらない前置きはさておき、チャートは人間以上に見た目が大事です。文字や数字では捉えにくいものを視覚的に表したものがチャートだからです。見た目が悪ければ、中にどれだけ素晴らしいデータが秘められていたとしても、見向きもされないのがチャートの宿命です。highchartsにテーマを設定するで、本題。highchartsには実はテーマというものが存在する。このテーマを設定してやる事で、チャートの見た目を色々変更する事が出来るようになっている。sexy)名前のjsファイルが入っている。これがテーマファイル。src="./js/themes/gray.js"></script>設定の仕方は極めて簡単。js呼び出しの際に、テーマファイルも一緒に呼び出してやるだけ。highstockも全く一緒。するとBeforeAfter匠の手により見づらい高級感溢れるチャートへと生まれ変わりました。ポイントはやはり光の取り入れ方ですね。themeファイルはそれ程難しいことが書いてあるわけではないので、軽くカスタマイズするくらいであれば比較的簡単に出来る。森チャート森ボーイと言われる事もある私のイメージにそって背景を入れてみました。熊っぽいという意味ですが、間違ってはいないと思います。あとがき私は地獄のミサワに似ていると言われることがしばしばありますが、やはり見た目は大事だと思います。highchartsはフリーのため一般向けのWebサービスに利用される事が多いと思いますが、見た目が原因で、素晴らしいWebサービスが潰れてしまうのはよくある事です。既存のテーマファイルを設定するだけでは難しいですが、カスタマイズ次第では差別化に一役買うことも出来るのではないでしょうか。寝ないと実質4時間しか寝られなくて辛いので寝ます。