0
私は円チャートの円を作成しようとしています。ハイチャートでパイのパイを見つけることができませんでした。 2つの円グラフを作成することはできますが、下の図に示すように、それらを線で結んでいるように見えません。このための回避策はありますか?ハイチャートの円グラフの円グラフ
私は円チャートの円を作成しようとしています。ハイチャートでパイのパイを見つけることができませんでした。 2つの円グラフを作成することはできますが、下の図に示すように、それらを線で結んでいるように見えません。このための回避策はありますか?ハイチャートの円グラフの円グラフ
あなたは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>
ありパイの無いタイプのパイがある - しかし、あなたは、いくつかのコーディングでの結果を達成することができます。プロット領域([example](http://jsfiddle.net/1rvLjewu/))に複数のパイをプロットし、[Renderer](http://api.highcharts.com/highcharts/Renderer)を使用してカスタムをレンダリングすることができますシェイプ、この場合スライスを接続する線。 – morganfree