前回のエントリーではhighchatsの簡単な紹介で終わりました。今回のエントリーでは、実際にサンプル(簡単な折れ線グラフ)を作成したいと思います。highchartsのサイトのデモページにある「Basicline」を参考に作っていきます。 (1) highchartsのインストール ダウンロードページから「Highcharts-X.X.X.zip」をダウンロードし、解凍します。改装してできた「highcharts.js」をWebページから参照しやすい場所に配置します。自分はVisual Studioを使ってASP.NETプロジェクトで作成するので、Scriptsフォルダに配置しました。 (2) 空白のグラフの表示 まずは空白のグラフ(枠のみ)を表示してみます。コードはこのようになります。グラフの表示場所を<div>タグで準備し、javascript内のrenderToで表示場所を指定しま
![Highchartsを使ってみた(2) 簡単なサンプルの作成](https://cdn-ak-scissors.b.st-hatena.com/image/square/906ae7567e2bdb010b182bcf47000e72f51c3c92/height=288;version=1;width=512/https%3A%2F%2Fdavid9142.files.wordpress.com%2F2012%2F01%2Fimage_thumb53.png)