海圖餅圖的餅圖

Question

我正在嘗試創建一個餅狀的餅圖，就像它們在excel中顯示的一樣。 我無法在highcharts中找到餅圖支持。 我可以創建兩個餅圖，但似乎無法將它們與線連接起來，如下圖所示。 有沒有解決方法？

餅圖餅圖

Answer 1

您必須使用drilldown 。 如果您單擊切片 ，則圖表將切換到內部數據。

例如：

 Highcharts.chart('container', { chart: { type: 'pie', }, series: [{ name: 'out', data: [{ name: 'data 1', y: 55, drilldown: 'data 1' },{ name: 'data 2', y: 45, drilldown: 'data 2' }] }], drilldown: { series: [{ name: 'inner 1', id: 'data 1', data: [ ['inner 1-1', 24.13], ['inner 1-2', 17.2], ['inner 1-3', 8.11], ['inner 1-4', 5.33], ['inner 1-5', 1.06], ['inner 1-6', 0.5] ] }, { name: 'inner 2', id: 'data 2', data: [ ['inner 2-1', 5], ['inner 2-2', 4.32], ['inner 2-3', 3.68], ['inner 2-4', 2.96], ['inner 2-5', 2.53], ['inner 2-6', 1.45], ['inner 2-7', 1.24], ['inner 2-8', 0.85] ] }] } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/modules/drilldown.js"></script> <div id="container" style="height: 400px"></div>