2011年09月21日

jQueryでグラフ表示2 〜Google Charts〜


基本的に前回と変わりませんがまたちょっとやっったので記載しておきます。

ついでにこっちにもアップしたので暇なかたどうぞ
こっち
(あんまかわんないけど)

さて、大体は前回を参照してもらうとして今回はオプションについてちょっとだけ書きます。

グラフ




ソース


<script language="JavaScript"><!--
  jQuery(function(){
    var api = new jGCharts.Api();
    jQuery('<img>').attr('src', api.make({
    data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],
    size : '100x100',
    legend : ["data1","data2","data3"],
    axis_labels : ["DATE1","DATE2","DATE3"],
    type : "bhs",
    colors : ["000000","800000","FF0000"]})).appendTo("#bar2");
  })
//--></script>


オプション


size : 画像のサイズを変更します最大300,000 pixelsとなります。
legend : ブロックの種類説明
axis_labels : y軸の説明
type : グラフの種類
colors : ブロックの色指定

といった感じです。
他にもまだまだある感じですがとりあえずこんなかんじで。
posted by RicK at 11:50| Comment(0) | TrackBack(0) | 日記
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/48061282

この記事へのトラックバック