問題タブ [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 投票する
1 に答える
319 参照

highcharts - gem Lazy High Charts - パイドーナツ

パイ ドーナツを作成しようとしていますが、機能しません... http://www.highcharts.com/demo/pie-donut

コントローラ

意見

エラー

0 投票する
3 に答える
4806 参照

jquery - PHPスクリプトからAjaxを介してデータを取得すると、Morris.jsドーナツチャートにチャートが表示されない

私は morris.js ドーナツ チャートを介してデータを表示することに取り組んでいます。これらのデータは、PHP と ajax を介して MySQL データベースから取得されます。

コードに表示するデータを入力する典型的な例は正常に機能しています

ただし、データベースからデータを呼び出すと、グラフが表示されません。さらに、firebug はエラーを表示しません。

これは私がPHPから得た出力です:

実際、Morris.Donut(); 内にコピーして、この出力を試しました。機能し、うまくいきました!

そして、これは Ajax コードです (まったく機能しません)。

ただし、次のコードがある場合:

それはうまくいきます!!!

私が得られないのは、変数を介してコードを渡そうとした場合、それが機能しないということです!! :

動作しません:(php変数またはajaxを介したphpスクリプトから取得した場合:/

私は何が欠けていますか?どうすればこれを修正できますか? どうして?????

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

javascript - d3 ドーナツ チャートの検索可能なフィッター

こんにちは、一連のドーナツ グラフを出力する D3 スクリプトがあり、データの最初の列の名前でキーワードをフィルター処理して検索する方法を探しています。これをライブで実行できるようにしたいと考えており、データを具体的にフィルタリングする方法を探しているのではなく、検索バーまたはユーザーがドーナツ チャートを検索およびフィルタリングできるようにする他の方法を探しています。私の最大の問題は、検索要素を d3.csv() 部分に組み込むことです。検索バーの作成方法を理解し、データを検索できるようにしたい例を組み込みました。私はさらに調査を行いましたが、おそらくjqueryを使用すると役立つでしょう。

ここに私のD3があります:

以下にデータの例を示します。

設定値でフィルタリングする方法の例を見てきましたが、検索バーが必要です。私はD3とJSに比較的慣れていないことに注意してください。

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

javascript - Highcharts で 3 レベルのドリルダウンを行うには?

私は現在、この例をいじっていますが、これを 3 レベルのドリルダウンにする方法がわかりません。

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-donut/

現在、そこには 2 つのカテゴリのデータがあります。たとえば、ブラウザ、ブラウザのバージョン、および別のカテゴリを作成したい場合、CSS3 で動作するか、ブール値になる CSS3 で動作しません。

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

d3.js - 円 (ドーナツ) チャートのツールチップ

まさにこのd3ドーナツチャートを使いたいです。

この 3D チャート

ただし、パーセンテージを表示する代わりに、私が提供している生データを表示したいと思います。

パーセンテージを (現在のように) 表示し、onmouseover ツールチップを使用して各ドーナツ パーツの生データを表示できれば理想的です!

それを機能させることはできません。

助けてくれてありがとう!

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

javascript - Google API ドーナツ チャートで値が見つからないというエラーがスローされる

Google チャートを使用してドーナツ チャートを作成しています。私はすべてを正しく書き、すべての値を正しくフェッチしていますが、それでもこのエラーがスローされます:- Uncaught TypeError: Cannot read property 'value' of null (行番号 10、これは var employee 行です)

私のチャート作成コード

HTML

ここで何が問題になる可能性がありますか?

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

javascript - ハイチャート ドーナツ グラフのツールチップにカスタム データを追加する

Highcharts ドーナツ グラフのツールチップを変更する方法を見つけようとしています。サイトの例に従って、各データのドリルダウンに別のプロパティ (「newData」) を追加しようとしました。ここで例を見ることができます: http://jsfiddle.net/vxm0gnz5/1/

ただし、newData 部分のデータを取得していないようです。ツールチップに値を表示できるように抽出する方法はありますか? ありがとうございました!