I grafici a torta a forma di traliccio non possono essere utilizzati l'oggetto titolo per ogni torta. Ci sono due opzioni:
A) attaccare con traliccio e utilizzare posizionati singolarmente etichette/stile per i titoli:
labels:[
{
text:"Title 1",
x: "22%",
y: "10%",
fontSize: 16
},
{
text:"Title 2",
x: "71%",
y: "10%",
fontSize: 16
},
{
text:"Title 3",
x: "22%",
y:"54%",
fontSize: 16
},
{
text: "Title 4",
x: "71%",
y:"54%",
fontSize: 16
}
],
Full demo of the trellis pie chart with individually styled labels.
B) Invece di usare traliccio, utilizzare un graphset con 4 grafici a torta. In questo modo puoi accedere all'oggetto titolo per ogni torta.
var myConfig = {
"graphset": [{
"type": "pie",
"title": {
"text": "Title 1"
},
"series": [{
"values": [59]
}, {
"values": [55]
}, {
"values": [30]
}, {
"values": [28]
}, {
"values": [15]
}]
}, {
"type": "pie",
"title": {
"text": "Title 2"
},
"series": [{
"values": [60]
}, {
"values": [40]
}, {
"values": [35]
}, {
"values": [30]
}, {
"values": [20]
}, ]
}, {
"type": "pie",
"title": {
"text": "Title 3"
},
"series": [{
"values": [50]
}, {
"values": [40]
}, {
"values": [30]
}, {
"values": [20]
}, {
"values": [10]
}, ]
}, {
"type": "pie",
"title": {
"text": "Title 4"
},
"series": [{
"values": [40]
}, {
"values": [55]
}, {
"values": [49]
}, {
"values": [40]
}, {
"values": [16]
}, ]
}]
};
zingchart.render({
id: 'myChart',
data: myConfig,
height: 400,
width: 600
});
<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<div id="myChart"></div>
Eseguire il frammento di codice qui sopra per vedere la demo.
Sono nella squadra di ZC. Siamo qui per aiutare!
Un'altra domanda che utilizza questo approccio. Come aggiungo una singola etichetta che si applicherà a tutti i grafici a torta sulla pagina, dato che ciascun grafico a torta è indipendente l'uno dall'altro? –
in realtà, ho un sacco di cose che non sono in grado di fare con l'approccio grafico: (1) aggiungi una singola legenda. Sono riuscito a farlo, ma la leggenda include molte più serie di quelle effettivamente esistenti. (2) come mostrare tutti i grafici a torta su un singolo asse orizzontale. (3) impostare i suggerimenti per ognuno in base a un formato personalizzato. (4) impostare la dimensione relativa di ciascun grafico a torta in base all'importo complessivo in ciascuna torta. il fattore dimensione non funziona. –
Membro del team ZC qui: stiamo lavorando a una demo per le tue domande. – RockinSocks