問題タブ [pie-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.
javascript - jQuery flot mouseleave が機能しない
jQuery.flot.jsとflot.pie.jsを少し変更して、パイ キャンバスにマウスリーブ効果を加えました。
585行目 flot.pie.js
127行目 flot.pie.js
私のjavascript mysite.htmlで
関数mysite.html
私の pieLeave 関数は完全に無視されます。何が問題ですか?助けてくれてありがとう。
詳細:フローの例
jquery - Jquery Flot 円グラフは、パーセンテージではなくデータ値を表示します
flot.pie を取得して、ラベルに表示されるデータを「生データ」の割合から実際のデータに変更する方法がわかりません。私の例では、既読/未読メッセージの数を含む円グラフを作成しました。
既読メッセージ数: 50. 未読メッセージ数: 150.
作成された円は、既読メッセージの割合が 25% であることを示しています。この場所で、実際の 50 件のメッセージを表示したいと思います。下の画像を参照してください。
パイの作成に使用したコード:
と:
これは可能ですか?
@Ryleyの答えで、私は汚い解決策にたどり着きました。series.data を出力すると、値「1,150」と「1,50」が返されました。返された値の最初の 2 文字を減算し、減算された値を表示するというアイデアを思いつきました。
これは、このソリューションで作成した円グラフです。
これは最善の解決策ではありませんが、私にとってはうまくいきます。誰かがより良い解決策を知っていれば....
silverlight - Silverlightチャート-円グラフはチャートに依存する値を表示します
従属値を円グラフ自体に表示したいと思います(凡例領域ではありません)。Silverlight 4 + Silverlight 4 Toolkit(2010年4月)を使用しています。
これはおとぎ話のような一般的な要求であるはずですが、私は解決策を見つけることができませんでした。これはどのようにすればよいですか?
iphone - iPhoneでcoreplotを使用して開発された円グラフからくさびをドラッグする方法
こんにちは、私は自分のアプリケーションでコアプロットを使用して円グラフを描いていましたが、円グラフをさまざまな部分/オブジェクトに分割し、それらのオブジェクトをドラッグする必要があります。この機能を実現する方法.Adv に感謝します
javascript - Raphael JS Pie:パススライスにIDを追加
私はこの質問がラファエルグーグルグループで尋ねられるのを見ました、しかしそこで何時間も検索した後、そしてまたこことグーグルで、私は解決策を見つけることができないようです。
jQueryを使用して円グラフ(svgパス)スライスをターゲットにできるようにしたいのですが、パスタグにカスタムIDを追加する方法がわかりません-デフォルトではID属性はありません:
理想的なのはこれです:
誰かがこれをどのように達成できるか考えていますか?
これは、円グラフを作成するために使用しているコードです。
};
基本的に、これを実行できるようにする必要がある理由は、上記のスケールアニメーションを実行するために、いくつかの個別のアンカートリガーを作成できるようにするためです。
どんな助けでも大歓迎です。
php - 一連の値が重複しないようにスペースを空ける
このトピックに非常に近い質問がいくつかありましたが、実際には役に立ちませんでした。
私はグラフ作成ライブラリをプログラミングしており、ラベルを重ねずに垂直に配置するアルゴリズムが必要です。私はこれに数日間立ち往生しており、最も基本的な機能にそれを蒸留することができました:
Y軸に沿った一連のラベル位置1 1 2 3 5 6 9
、たとえば10
0
1 2 3 4 5 6 9
333467
234567
元の座標に近くなるように重み付けする必要があります。
これは逆方向にも機能する必要があります。値がスケールの上端に集まっている場合は、(オーバーフローする前に) 可能な限り分散する必要があります。
決定的な答えを探しているわけではありませんが、この問題に取り組む方法について助けてください。私は完全に立ち往生しています。
最後に考えたのは、衝突の可能性がないかすべてのラベルをスキャンし、それらをすべての Y 座標の中心に合わせて 1 つの大きなブロックとして配置することでした。ただし、衝突のセットが複数ある場合、これは機能しません。
編集: このアルゴリズムをより大きなコンテキストに入れるには、次の 2 つの Google チャート API 円グラフを見てください。
ラベルはほとんど弾力性があり、結合して全体の質量を質量の中心に移動することで衝突を回避します。
ipad - コアプロットの円グラフのスライスの色を画像で設定できますか
ipad プロジェクトの 1 つでコア プロットを使用しています。画像を使用して円グラフのすべてのスライスの色を設定することは可能ですか?事前に感謝します
api - Google Visualization API のマウスオーバーでツールチップを非表示にする
Pie Charts を使用して Google Visualization API でパイのスライスがマウスオーバーされたときにポップアップを非表示にする方法はありますか? ありがとう
javascript - 円、棒、線: Canvas よりも SVG/VML の方が優れている
「標準」のグラフ作成用のライブラリを選択する必要があります: 円グラフ、折れ線グラフ、棒グラフです。
私が読んだことから、たとえば Highcharts のような SVG/VML が最適な形式であるように思えます。SVG は、IE 9 で受け入れられるようになったため、すべての主要なブラウザーで標準になりつつあります。キャンバスよりもリスケールしてエクスポートする方が簡単なようです。
それでも、いくつかのグラフ作成ライブラリが Canvas に依存していることがわかります。何か不足していますか?そのようなアプリケーションで Canvas over SVG を検討する理由はありますか?
apache-flex - Flex 4、動的チャート
フレックスアプリに複数の円グラフがあり、ユーザーがそれらのいずれかで円グラフをクリックすると、perWedgeExplodeRadiusを使用してそれを引き離し、強調表示します。かなり基本的なものです...しかし、別の円グラフがクリックされたときに、以前にクリックされた円グラフを閉じて元に戻したいのですが、ここで問題が発生しています。最後のpieSeriesを特定するにはどうすればよいですか?これは私が持っているもので、機能しません。