2016-10-21 30 views
2

Highchartsでパイ(またはドーナツ、半分のドーナツ、私はそれが同じプロセスだと思う)を描く必要があります。 問題は、データに大きく偏っていることです。つまり、1つのスライスのサイズが3で、2つ目のスライスのサイズが1000です。HighChartsで対数スケールで円を描くにはどうすればいいですか?

最終結果は巨大スライスとスライスがほとんど見えないパイです。

my chart

(軸グラフのように)、対数のようにスライスのサイズを印刷する方法はありますか?

+0

これの使用例は表示されません。パイとドーナツは、セット内のデータ点間の相対的なパーセンテージを示すのに便利です。 1つのデータ点が他の1つのデータ点より2桁大きい場合、その場合があります。 「ログ」円弧を使用している場合は、通常、円グラフの表示方法のパラダイムを壊すため、データポイントの相対的重要性をエンドユーザーに欺くことになります。 – wergeld

+0

@wergeldあなたの意見を見て、あなたは正しいですが、大きさの違いがあっても、すべてのシリーズを印刷する必要があります – rikpg

+0

そのように見えることに興味があります... – wergeld

答えて

2

円グラフは軸を使用しないため、その種類を対数に設定すると機能しません。 http://jsfiddle.net/rz9899j8/:それはツールチップで表示することができますので、何ができることは

var data = [1, 2, 4, 8, 16, 32, 64, 128, 256, 512], 
     logData = data.map(function (value) { 
     return { 
      y: Math.log(value)/Math.LN10, 
      realY: value // store a pure value 
      }; 
     }); 


    // later in chart options 
    tooltip: { 
    pointFormat: 'x = {point.x}, y = {point.realY}' // access the pure value in a tooltip 
    } 

など、変換されたデータとし、「純粋な」データとの比較の円グラフをデータラベルをあなたのデータを変換して「本物」の値を保持しています

+0

それは魅力のように動作します、ありがとう! – rikpg

関連する問題