/ / Torta di grafici a torta in Highcharts - javascript, grafici, diagrammi elevati

Torta di grafici a torta in Highcharts - javascript, grafici, diagrammi elevati

Sto cercando di creare una torta di grafici a torta comemostrano in Excel. Non sono riuscito a trovare una torta di supporto per la torta nei grafici ad alta risoluzione. Posso creare due grafici a torta ma non riesco a collegarli con le linee come mostrato nell'immagine qui sotto. C'è una soluzione per questo?

Torta di grafici a torta

risposte:

0 per risposta № 1

devi usare drilldown. se tu clicca sulla fetta che il grafico passa ai dati interni.

ex:

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>