2012-09-22 28 views
6

¿Hay alguna manera de crear columnas superpuestas?Columnas superpuestas en la altura

Por ejemplo, en this jsFiddle, las columnas azul y roja deben superponerse entre sí como se muestra a continuación, con el azul en la parte posterior y rojo en el frente.

Overlapping columns

Para aclarar, no quiero columnas apiladas, tanto las columnas azules y rojas deben comenzar desde el eje x (y = 0) y no uno sobre el otro

+0

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

Respuesta

9

EDITAR Highcharts ha introducido el modificador plotOptions.column.grouping en su versión 2.3 para manejar exactamente esto. Refiera Garrick's Answer

Voy a dejar la respuesta a continuación, ya que todavía ayuda a entender cómo funcionan el groupPadding y pointWidth.

respuesta original

Usted está buscando grouped and overlapping columns?

Usted puede lograr esto mediante la creación plotOptions.column.groupPadding a 0,5

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

Aquí está una imagen para ilustrar cómo groupPadding funciona Group Padding

Como se ve, cuando groupPadding es 0,5 el ancho de columna se ve comprometida para dar la relleno deseado, al especificar el ancho de punto puede contrarrestar este comportamiento

+0

Quiero las columnas que se superponen en lugar de apiladas una encima de la otra. El punto de carga: -0.3 está cerca de lo que quiero. Las columnas se superponen, pero no se alinean perfectamente. ¿Alguna forma de hacer que se alineen perfectamente? – Armin

+0

No estoy seguro de que @Armin, pero no columnas completamente superpuestas, eclipsar totalmente la columna en la parte posterior si la columna delantera tenía un valor más alto? –

+0

Lo haría, pero la columna frontal nunca puede tener un valor más alto, por eso quiero que sea así :) – Armin

Cuestiones relacionadas