ハイチャート - パイ/ドーナツチャートグループ小部分

Question

小さな部分を他のグループにグループ化することができれば、パイ/ドーナツチャートは読みやすくなります。この機能をzeppelin-highchartsに追加します。

この例では、Donut Chartです。 Safariには読みにくい小さな部分があります。そのへの「Safariのその他のバージョン」

{ 
    name: 'Safari versions', 
    categories: ['Safari v5.0', 'Safari v5.1', 'Safari v6.1', 
       'Safari v6.2', 'Safari v7.0', 'Safari v7.1', 'Safari v8.0'], 
    data: [0.3, 0.42, 0.29, 0.17, 0.26, 0.77, 2.56], 
} 

一緒に、それはグループへのより良い私はHighcharts APIドキュメントを経るが、私は持っている。このjsfiddle

{ 
    name: 'Safari versions', 
    categories: ['Safari Other Versions', 'Safari v8.0'], 
    data: [2.21, 2.56], 
} 

のような他の人へのグループの小さな部分をしたいのですがこれを可能にする設定が見つかりませんでした。

ハイチャートでこの機能を実装するにはどうすればよいですか？

Answer 1

グラフを作成する前にフィルタ機能を追加できると思います。また、ロードイベントコールバック関数でデータをフィルタリングすることもできます。

ここでは、コールバック関数内のコードのフィルタリングデータの簡単な例を見つけることができます。

ここ

var groupSmallData = function(series, number) { 
    var groupValue = 0, 
     newData = []; 
    Highcharts.each(series.data, function(p) { 
     if (p.y < number) { 
      groupValue += p.y; 
     } else { 
      newData.push([p.name, p.y]) 
     } 
    }); 
    newData.push(['others', groupValue]); 
    series.setData(newData) 
} 

あなたはそれが動作することができますどのように実際の例を見つけることができます。http://jsfiddle.net/b33ynvaq/1/