タグ

2012年3月10日のブックマーク (1件)

  • Highchartsを使ってみた(2) 簡単なサンプルの作成

    前回のエントリーではhighchatsの簡単な紹介で終わりました。今回のエントリーでは、実際にサンプル(簡単な折れ線グラフ)を作成したいと思います。highchartsのサイトのデモページにある「Basicline」を参考に作っていきます。 (1) highchartsのインストール ダウンロードページから「Highcharts-X.X.X.zip」をダウンロードし、解凍します。改装してできた「highcharts.js」をWebページから参照しやすい場所に配置します。自分はVisual Studioを使ってASP.NETプロジェクトで作成するので、Scriptsフォルダに配置しました。 (2) 空白のグラフの表示 まずは空白のグラフ(枠のみ)を表示してみます。コードはこのようになります。グラフの表示場所を<div>タグで準備し、javascript内のrenderToで表示場所を指定しま

    Highchartsを使ってみた(2) 簡単なサンプルの作成