問題タブ [donut-chart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
336 参照

d3.js - d3ドーナツチャート遷移変更

ここで別の d3 初心者の質問。

グループ化されたネストされたデータを使用してドーナツ グラフを変更しようとしています。これが私が今持っているものです。

http://bricbracs.com/test/

したがって、ニューヨークのようなセグメント アークをクリックすると、ネストされた関数を使用して dept 列のデータで更新されるので、これを取得します。私は近くにいます。データをグループ化しました。ドーナツを描き直すのに助けが必要です。

http://bricbracs.com/test1/

ここに csv ファイルがあります。

これがd3スクリプトです。前もって感謝します。

0 投票する
0 に答える
2317 参照

javascript - モリス ドーナツ チャートの動的 json データ

動的データを使用してモリス ドーナツ グラフを作成しようとしていますが、動的データをラベルに渡す方法がわかりません。

SQLidB メソッド クエリ:

クエリは次の結果を返します。

labelsouc と no_of_requests を次のように渡したいykeys:

私のドーナツチャートは次のようになります。

oucただし、返される数がわからないため、動的にする必要があります。つまり、返されるLabel一意の数とそれぞれの数に応じて縮小/拡大する必要がありますOUC'scounts

これは私が試したことです:

次の配列が json 形式で返されます。

動的に渡す方法がわからないため、ドーナツチャートのラベルを対応する値で設定する方法がわかりませんか?

私の JavaScript は次のようになります。

ouc問題は、私が価値を得ることができないように見えることtotalです。印刷すると、 と表示されますundefined。私は何を間違っていますか?:/どんなコード例でも大歓迎です

アップデート

私のjavascriptreloadメソッドに次の変更を加え、現在動作しています:

0 投票する
1 に答える
1760 参照

d3.js - さまざまな半径の d3 ドーナツ チャート

次の例のようなものを再作成したいと思います。

http://bl.ocks.org/mbostock/3888852

http://bl.ocks.org/mbostock/1305111

唯一の違いは、すべてのドーナツの半径を同じにするのではなく、各ドーナツの半径を制御したいということです。ドーナツ グラフの半径を動的に変更するにはどうすればよいですか?

0 投票する
1 に答える
5220 参照

angularjs - 凡例の位置を変更するにはどうすればよいですか?

私はAngularJSを初めて使用します。NDV3を使用してドーナツ円グラフを作成し、凡例を右側に移動したいだけですが、うまくいきません。

ここで、legendposition を使用して凡例をドーナツ円グラフの右側に移動しようとしましたが、うまくいきません。誰でもこれを行う方法を教えてもらえますか?ありがとう

これが私のコードです:Plunker