web-dev-qa-db-ja.com

angular jsで棒グラフと円グラフを作成する方法

グラフ、棒グラフ、円グラフを作りたいです。ユーザーからの入力を受け取り、実行時にその入力をチャートにマップする必要があります。チャートは、ユーザーが実行時に変更するときに変更を行うことができる必要があります。それは大きな助けになります。ありがとう

8
SajaWal NaWaz

使用できます

  1. 角度チャート(Chart.jsを使用)
  2. D3を使用した角度グラフ
  3. Angular-nvD
  4. Google Charts も使用できます。 AngularJSで使用できます
15
Shiju K Babu

私はデータ駆動型ドキュメントを使用します http://d3js.org/ サブスクリプションを持っている場合は、開始するための優れた複数形コースもあります。

http://www.pluralsight.com/courses/d3js-data-visualization-fundamentals

そこから選択できるチャートモジュールはたくさんあります。 http://ngmodules.org/modules?query=chart

0
RockinSocks

Javascriptでうまくいじっていれば、ガイドを使用することもできます: https://canvasjs.com/html5-javascript-pie-chart/

0
bamms

D ライブラリを使用して独自のSVGデータチャートを作成し、それらをAngularディレクティブでラップすることができます

または

Angular-nvd (すでに円グラフと棒グラフが含まれています)ディレクティブを使用できます。D3をラップしているため、グラフオプションを定義してデータを入力するだけです。

sVGではなくCanvasを使用する場合は、 vis.js があります。

0
svarog