2012-09-22 16 views
6

C'è un modo per creare colonne sovrapposte?Colonne sovrapposte nel diagramma alto

Ad esempio in this jsFiddle, le colonne blu e rossa dovrebbero sovrapporsi come mostrato di seguito, con il blu che è quello sul retro e rosso nella parte anteriore.

Overlapping columns

Per chiarire, non voglio colonne impilate, sia le colonne blu e rosso dovrebbe iniziare dal asseX (y = 0) e non uno sopra l'altro

+0

http://blog.stackoverflow.com/2009/08/new-question-asker-features/ –

risposta

9

EDIT Highcharts ha introdotto lo switch plotOptions.column.grouping nella sua versione 2.3 per gestire esattamente questo. Vedere Garrick's Answer

Lascerò qui sotto la risposta in quanto aiuta ancora a capire come funzionano groupPadding e pointWidth.

risposta originale

Siete alla ricerca di grouped and overlapping columns?

È possibile raggiungere questo impostando plotOptions.column.groupPadding a 0,5

plotOptions: { 
    column: {   
     groupPadding: 0.5 // Exactly overlap 
     pointWidth: 20,          
    } 
}, 

Ecco un'immagine per illustrare come funziona groupPadding Group Padding

Come si vede, quando groupPadding è di 0,5 la larghezza della colonna è compromesso per dare il padding desiderato, specificando pointWidth è possibile contrastare questo comportamento

+0

voglio le colonne da sovrapposti anziché impilati uno sopra l'altro. Il pointPadding: -0.3 è vicino a quello che voglio. Le colonne si sovrappongono ma non si allineano perfettamente. Un modo per farli allineare perfettamente? – Armin

+0

Non sono sicuro che @Armin, ma non sovrapponesse completamente le colonne, eclissi totalmente la colonna sul retro se la colonna anteriore avesse un valore più alto? –

+0

Lo farebbe, ma la colonna frontale non può mai avere un valore più alto, ecco perché lo vorrei in questo modo :) – Armin

22

È inoltre possibile eseguire ciò impostando grouping: false.

http://jsfiddle.net/garrickcheung/67BkD/19/

+1

dovrebbe essere contrassegnata la risposta;) – benpage

+0

concordato, sembra una soluzione un po 'più pulita. –

+0

Esattamente la risposta che stavo cercando – elynch

Problemi correlati