Vedi a jsfiddle exampleCome allineare il centro un'etichetta personalizzata in Highcharts
labels: {
items : [{
html : 'Center Me!',
style : {
left : '0px',
top : '-15px',
fontSize : '20px'
}
}]
}
Sto cercando di allineare l'etichetta personalizzata nella/elementi elemento JSON/etichette per appendere destra sotto il titolo e il sottotitolo.
Giocare con firebug Posso modificare l'elemento di testo SVG per l'etichetta e aggiungere text-align = 'middle' e modificare l'attributo x = '' per avere lo stesso valore dell'attributo x del titolo. Questo lo rende perfettamente allineato sotto il titolo e rimane lì quando ridimensionato, ma non riesco a capire come fare la libreria highcharts a generare questa fonte.
Forse c'è un modo migliore per aggiungere un'altra etichetta sotto il sottotitolo?
Di quale "etichetta personalizzata" stai parlando? etichetta asse, etichetta punto, etichetta personalizzata, ... dove si trova? Puoi renderlo più chiaro? –
La prima volta che utilizzo jsfiddle e sembra che non abbia "salvato le mie modifiche correttamente. Dai un'occhiata al link qui sopra e dovresti vedere come sto aggiungendo l'etichetta. Ho fatto un rapido tuffo nel js per i grafici alti e sembra che richiedano una posizione assoluta a sinistra e in alto. Ma forse mi sono perso qualcosa? Ad ogni modo, per ora, ho appena ridisegnato il mio titolo e il sottotitolo, quindi non ho bisogno dell'altra etichetta. Ecco un frammento. 'labels: { elementi: [{ html: 'Center Me!', style: { left: '0px'' ... – Chrissy
Hai ragione, le etichette richiedono le proprietà superiore e sinistra in pixel da impostare. La riprogettazione del titolo + il sottotitolo è stata una buona idea. Un'altra soluzione potrebbe essere usare 'renderer.text()', c'è anche bisogno di impostare top e left, ma questo può essere fatto dopo che il grafico è stato reso, per poter calcolare la posizione prima (usando 'chart.plotTop',' chart .plotLeft' ecc.) –