JSGraph

ソース

jsgraph_old.js

特徴

使い方

  1. <script src="jsgraph.js" type="text/javascript"></script>
    で jsgraph.js を読み込む。
  2. <div id="mygraph" style="width: 800px; height: 500px;"></div>
    等として、グラフ用の領域を確保する。
  3. graph = new JSGraph('mygraph');
    で JSGraph オブジェクトを生成。
  4. data = new Data();
    で Data オブジェクトを生成。
  5. data.str2data(s, RS, FS);
    で値を入力。s をレコードセパレータ RS、フィールドセパレータ FS で配列に変換し、 一番目のフィールドを x データ、二番目のフィールドを y データとして Data オブジェクトに保存します。
  6. data.add_data(x, y);
    というメソッドも使用できます。
  7. data.set_color('#0000ff');
    data.set_text('Data2');
    でデータの描画色、キャプションを指定。
  8. graph.add_data(data);
    で JSGraph オブジェクトにデータ追加。
  9. graph.autoscale();
    で軸スケールを自動設定します。
  10. グラフのタイトル、x, y 軸のキャプションはそれぞれ
    graph.title.set_text("Title");
    graph.caption_x.set_text("x");
    graph.caption_y.set_text("y");
    で変更できます。
  11. graph.draw();
    でグラフを描画。

参考文献

履歴

Return