0

重複の可能性：
JavaScriptチャートライブラリ

次の機能を備えたJavaScriptチャートコンポーネントを探しています。

  • 混合線グラフと縦棒グラフ
  • 線グラフはステップする必要があります（補間なし）
  • 縦棒グラフは、グラフの上から下に向かって大きくなる必要があります
  • 複数値軸
  • ズームとスライド

ありがとう！

4

3 に答える 3

0

TeeChart Javascript もご覧ください。

ここからダウンロードしてください: http://www.steema.com/download/html5

ここでオンライン デモを見つけてください: http://www.steema.com/files/public/teechart/html5/v2012.06.1.1/demos/

  • 混合折れ線グラフと縦棒グラフ

サポートされています。シリーズといくつかの値を追加するだけです。

  • 折れ線グラフは階段状にする必要があります (補間なし)

サポートされています。ライン シリーズは平滑化できますが、デフォルトではそうではありません: http://www.steema.com/files/public/teechart/html5/v2012.06.1.1/demos/series/line/linepoint.htm

  • 縦棒グラフは、グラフの上から下に向かって成長する必要があります

サポートされています。左軸を反転するだけです。次の例では、チェックボックスがあります: http://www.steema.com/files/public/teechart/html5/v2012.06.1.1/demos/series/bar/bar.htm

  • 複数値軸

サポートされています。ここで例を見つけてください: http://www.steema.com/files/public/teechart/html5/v2012.06.1.1/demos/axes/multiple_axes.htm

  • ズームとスライド

サポートされています。マウスの左ボタン (左上から右下) で四角形を描画し、描画領域を拡大します。反対方向に長方形を描画して、縮小します (右下から左上へ)。マウスの右ボタンでドラッグしてスクロールします。

それらのいずれかに問題が見つかった場合は、遠慮なくお知らせください。

于 2012-09-27T11:19:53.690 に答える
0

チェック - http://www.jqchart.com/

于 2012-09-26T08:22:09.793 に答える
0

これらの機能はすべてamcharts.comでサポートされています: 1) 混合折れ線グラフと縦棒グラフ: http://amcharts.com/javascript/column-and-line-chart-mix/

2) 階段状折れ線グラフ: http://amcharts.com/javascript/step-line-chart/

3) 上からの列の例はありませんが、amcharts は逆の値軸もサポートしているため、この例でグラフの種類を「列」に変更することで、この例を簡単に作成できます: http://amcharts.com/javascript/line-反転値軸を持つグラフ/

4) 複数値軸: http://amcharts.com/javascript/line-chart-with-multiple-value-axes/

5) ズームとスライド: http://amcharts.com/javascript/line-chart-with-scroll-and-zoom/

もちろん、あなたが言及したすべての機能を1つのチャートに組み合わせることができます.

于 2012-09-27T06:06:01.973 に答える