高機能グラフ作成javascript「Emprise JavaScript Charts」

グラフ作成javascriptでここまで高機能なのはこれまでなかったでしょう。
Emprise JavaScript ChartsはLine、Bar、Pie、Area(有料:Function、Trend、Analog Gauge)のグラフを作成できます。
またズーム機能や色の変更、座標の表示などさまざまな機能がついています。
ejschart

使用方法
Emprise JavaScript Chartsユーザー登録する必要があります。
無料での使用にはさまざまな制限がありますので、規約に注意してください。
ダウンロードできたら全てのファイルをアップロードしheadに以下を埋め込みます。
<script src="http://yourdomain/EJSChart.js" type="text/javascript"></script>
さらにグラフを表示したい場所に以下を書きます。
*下記の例はAreaグラフの場合です。
<div id="id名"></div>
<script type="text/javascript">
var chart = new EJSC.Chart("id名", {
show_legend: true //項目の表示
});
chart.addSeries(new EJSC.AreaSeries( //Areaグラフの場合(他グラフはArea部分を変更してください)
new EJSC.ArrayDataHandler([ //以下がグラフの数値
[.5,4.7],[1,2.9],[1.7,4],[2.1,3.85],[2.7,6.4],
[3,5],[3.5,4.2],[4.01,3.7],[4,2.3]
]),
{
color: 'rgb(108,34,34)', //線の色
lineWidth: 3,  //線の太さ
title: "サンプル" //グラフタイトル
}
));
</script>

なお、グラフの大きさはCSSで指定してください。
高機能グラフ作成javascript「Emprise JavaScript Charts」サンプル

sponsors

「高機能グラフ作成javascript「Emprise JavaScript Charts」」をシェアする

記事作成:
記事URL:

TOP > > > 高機能グラフ作成javascript「Emprise JavaScript Charts」