問題タブ [donut-chart]

ハイチャートを使用して、このチャートのデザインを複製する作業を行ってきました。

私は目的の結果を得るためにjsfiddleで遊んでいますが、問題は、パーセンテージが満たされていない白い領域を取得できず、バー間のギャップを取得できないことです。

これは、ハイチャートを使用しても可能ですか?

Kendo UI Pro スイートを使用して SPA の作成をテストしています。現在、剣道 UI チャート (ドーナツ モード) に問題があります。グラフの SVG が IE 10 で正しくレンダリングされません。この問題は IE 11 または Firefox では発生しないようです。

JSFiddle の例: http://jsfiddle.net/m9vq7gu4/

ビューの Show イベントで、ajax API を呼び出してデータを取得します。

次に、div を kendoChart して更新します。

View/Layout/Router のすべてのイベントが正しく起動することを示します。最初はグラフが適切にバインドされていないと思いましたが、ページのソース コードを見ると、SVG が作成されています。

本当に奇妙なのは、ルーターを別のページに切り替えるとすぐに、データが再び変更されるまで SVG が適切に表示されることです (これは、デモの [ホーム/データ] リンクをクリックすると表示されます)。Chart と View/Layout/Router の間の奇妙な問題以外に、これを引き起こしている原因は何ですか?

d3.js を使用して次のコードを使用してドーナツ チャートを作成しました。要件は、組み込みの色を使用するのではなく、ドーナツ チャートに表示されるバックエンドからの色を使用することです。d3.scale.category**()'s

バックエンドまたは配列または以下のような独自のパレットの組み合わせを使用して色をオーバーライドする方法: #8c564b", "#e377c2", "#7f7f7f", "#bcbd22", "#17becf"];

前もって感謝します！

Telerik Donut Chart のラベル位置をカスタマイズしたいのですが、期待される画像のように見えるはずです。いくつかの設定を試しましたが、ラベルの位置を調整できません poc image を参照してください。

質問 - 期待される画像のようにラベルの位置を変更するにはどうすればよいですか。5、10、15、20、25、... 2 番目のリングの外側が必要で、ラベルは各カテゴリの最後にする必要があります。

期待される

POC

コード

私のプロジェクトでは、さまざまなチャートが大量にあり、すべてが D3J で処理されます。グラフの 1 つは、ラベル付きのドーナツ型である必要があります。このチュートリアルに基づいて、このグラフを作成しました。ご覧のとおり (データによって異なります)、ラベル テキストはオーバーレイになります。

私の質問は、ここからのハイチャートに基づいて、以下の例のようにする方法はありますか?

ありがとう。

私は初心者で、Highcharts ドーナツ チャート オプションを試しています。必要に応じて編集したサンプルコードを使用しました。これらは私が直面している問題です。

• カテゴリのラベル付けが影の効果を得ている 元に戻す方法
• 最小値を 0.1 に変更した後でも、すべての都市名を表示できませんでした
• jsfiddle から画像をダウンロードすると、画像の名前が重複しています

ありがとう

2 リング ドーナツ チャートのラベルを正しく並べるのに問題があります。パス var の代わりに gs var にラベルを追加することと関係があると思いますが、その切り替えを行うと、ラベルはまったく表示されません。最後に、各ラベルを各スライスの角度と半径の中心に配置したいと思います。

コードはここにあります：

例はこちら: http://jsfiddle.net/sgrossman/kzh7c8mn/

助けに感謝します。