skuare.net

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

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

使用方法
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」サンプル

｜ ｜ ｜ ｜ ｜ ｜

前の記事：Movable Typeの記事作成時に過去タグから選択できるプラグイン「TaggingHelper」
次の記事：ページを指定要素で分割するjavascript「pager」

関連記事

• [prototype]AjaxMGraph
• [jQuery]graphTable
• jQueryベースでクールなグラフを作成するjavascript「Flot」
• jQueryベースのグラフ作成javascript「Chart Plugin」
• グラフ作成javascriptの最高峰「amCharts」