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

javascript - 内側の円のないハイチャートドーナツチャート?

Highcharts ライブラリを使用して最も単純なドーナツ グラフを生成するソリューションを探していました。ただし、Highcharts のすべての例は、内側の円と外側のドーナツの両方を含むグラフのスタイルを示しています (参照: http://www.highcharts.com/demo/pie-donut )

他のライブラリと同じように、内側のパイを取り除き、外側のドーナツだけを残すにはどうすればよいですか? (RGraph のようなもの: https://www.rgraph.net/demos/donut-3d.html )

ありがとうございました。

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

javascript - ドーナツチャートに凡例を追加-jqPlot

OK、これは比較的簡単なはずです:

ここに画像の説明を入力してください

  • ドーナツチャートを追加していますが、これは機能します
  • ただし、「凡例」(Head (+)対応する色と同様)は表示されません。

コード:

私は何が間違っているのですか?

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

highcharts - Highchartsドーナツチャートのカスタマイズ

私はhighchartsのライセンスを持っており、次のようなcharを作成したいと思います。

ここに画像の説明を入力してください

ハイチャートで最も類似したコンポーネントは次のとおりです。

ここに画像の説明を入力してください

内部のPIEをわずか1パーセント交換できることを誰かが知っていますか?またはそれを行うための他の良いクライアント側のjavascriptライブラリー?

デモとAPIは次のリンクにあります。

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

API http://api.highcharts.com/highcharts#chart

ありがとう

0 投票する
2 に答える
29294 参照

r - ggplotドーナツチャート

こんにちは、私は本当にこれをたくさんグーグルで検索しましたが、何の喜びもありませんでした。参考になるサイトがあれば教えていただけると嬉しいです。極座標に関する Hadley のドキュメントを理解するのに苦労しており、円/ドーナツ グラフは本質的に悪と見なされていることを知っています。

そうは言っても、私がやろうとしていることは

  1. ここに示すtikz リング チャートのようなドーナツ/リング チャート (中央が空の円) を作成します。
  2. alpha=0.52 番目の (比較可能な) 変数を示す2 番目のレイヤーの円を上に (ある程度) 追加します。

なんで?財務情報を表示したいと考えています。最初のリングはコスト (内訳) で、2 番目のリングは総収入です。次に、+ facet=periodレビュー期間ごとに追加して、収益と費用の両方の傾向と両方の成長を示します。

どんな考えでも大歓迎です

注: これが試行された場合に MWE が必要な場合は、完全に恣意的に

それは私がやろうとしていることと似ています..ありがとう

0 投票する
2 に答える
7920 参照

r - ドーナツのように見える円形ヒートマップ

ggplot2を使用して円形ヒートマップを作成しようとしているので、円の円周の周りに多数のラベルを使用できます。真ん中に空の穴があるドーナツのように見せたいのですが、同時に行を失うことはありません(圧縮する必要があります)。

私が持っているもののコードは以下の通りです。

0 投票する
2 に答える
198 参照

jquery - Klout スタイルの円グラフ

Klout スタイルのパイ/ドーナツ jquery ベースのグラフ、中央に主要なスコアを表示する新しいグラフを探しています。私が開発中のウェブサイトで使用できる可能性のあるチャートを誰か教えてください。www.klout.com

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

colors - Jqplot 円グラフ/ドーナツ グラフ seriesColors 配列は再利用/反復されません

jqplot を使用して円グラフとドーナツ グラフを描画しています。そして、「seriesColors」を使用して、スライスにカスタマイズされた色を付けています http://www.jqplot.com/docs/files/jqplot-core-js.html#jqPlot.seriesColors

シリーズカラー : [ "0571B0", "#5E3C99", "#008837"]

データ (渡される配列値) に値が 3 つしかない場合、色は適切に表示されます。ただし、値が 3 つを超える場合は、そのスライスが黒色で表示されます。最初から色を繰り返したり再利用したりしません(ドキュメントに記載されています)。

ここにあります:

しかし、配列に 4 番目の値を追加すると、色は再利用されません。つまり、上記の配列を次のように変更すると

次に、4 番目のスライス ('d') が黒色で表示されます。

これを修正するにはどうすればよいですか?

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

highcharts - Highchart 2以上の内側のパイを作成する方法はありますが、ドーナツタイプの外側のパイは1つだけですか?

Highchartプラグインのドーナツタイプの内側のパイスライスが2つ以上、外側のパイが1つあるチャートが必要です。

これがドーナツの例です:

http://tinyurl.com/d4fp8p9

これがjsfiddleです。カテゴリがあり、各カテゴリには複数のデータがあります。何が欲しい?カテゴリはありますが、各カテゴリにデータがありません。外側のパイのデータを持つスライスは1つだけです。

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

javascript - Raphael.js - ドーナツ セクターに曲がったラベルを使用した円グラフ ドーナツ スタイルの使用方法

次のように、特定のドーナツ セクターに曲がったラベルを使用して、ドーナツ スタイルの円グラフを作成したいと考えています。

ここに画像の説明を入力

このモックアップでは、ユーザーは「Raphael.js」セクターをクリックしています。クリックされたセクターには、円グラフの下に新しい HTML Div を表示し、いくつかの情報を表示するイベント ハンドラーも必要です。完璧な解決策は、クリックされたセクターが下部になるようにドーナツが回転する場合です。

誰でも助けることができますか?

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

animation - ドーナツチャートでjqplotアニメーションが機能しない

棒グラフと折れ線グラフのアニメーションを表示できます。使用:

しかし、アニメーションはドーナツ チャートでは機能しないようです。誰かが私に理由を説明できますか?

どんな助けでも大歓迎です。

前もって感謝します。