jqPlotのチャート

jqPlotのチャート

まずは、棒グラフ

HTMLファイルで

<script src="js/jqplot/plugins/jqplot.barReaderer.min.js"></script>
<script src="js/jqplot/plugins/jqplot.categoryAxisReaderer.js"></script>

で必要なライブラリーの読みこみ

jqplot.barReaderer.min.js
は、棒グラフの表示

jqplot.categoryAxisReaderer.js
は、横軸にカテゴリ表示

今回は、棒グラフのレンダラだけど
他にも
バブルチャートなら
jqplot.bubbleReaderer

ろくそくなら
jqplot.onlcReaderer

円グラフなら
jqplot.pieReaderer

メーターなら
jqplot.meterGaugeReaderer

ピラミッドなら
jqplot.pyramidReaderer

ブロックグラフなら
jqplot.blockReaderer

ペジェ曲線なら
jqplot.BezierCurveReaderer

ドーナツグラフなら
jqplot.donutsReaderer

となる
これらは、カテゴリ軸を利用するときのレンダラで

その他の軸のレンダラとしては

カテゴリ軸なら
jqplot.categoryAxisReaderer

日付軸なら
jqplot.dataAxisReaderer

対数軸なら
jqplot.logAxisReaderer

目盛りカスタマイズなら
jqplot.canvasAxisTrickReaderer

軸ラベルカスタマイズなら
jqplot.canvasAxisLabelReaderer

ピラミッド軸なら
jqplot.pyramidAxisReaderer

になる

軸のレンダラは、棒グラフ以外でも使えるけど
ピラミッド軸は、人口ピラミッドなどに使う pyramidReadererと組み合わせる

円グラフなどの場合
軸はないため、軸関係のレンダラは使えない

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です