propiedades - xaxis highcharts
Ancho fijo de la etiqueta del eje y en Highcharts (3)
Esta es una respuesta tardía, pero ahora puede hacer varios gráficos dentro del mismo objeto Highcharts. No tendría que intentar manualmente forzar la alineación de los ejes Y al usar este método, ya que Highcharts haría todo el trabajo por usted.
Estoy creando una presentación de datos en la que dos cuadros de Highcharts se apilan verticalmente y están destinados a compartir las mismas unidades y alineación del eje x. Al igual que:
Tenga en cuenta que dado que los rangos del eje y son diferentes para los dos gráficos, las etiquetas del eje y tienen diferentes anchos y, por lo tanto, los gráficos en sí mismos son anchos ligeramente diferentes que rompen la buena alineación del eje x.
Sería genial poder corregir el ancho del gráfico (o, a la inversa, las etiquetas del eje y) para asegurar que los dos gráficos estén alineados. Exploré el api y jugué un poco con la configuración del estilo directamente en los diversos elementos generados, pero no tuve suerte. Tal vez sea posible lograr este objetivo utilizando un formateador de etiquetas personalizado, pero el formateador de valores (como en el caso de que no defina nada personalizado) funciona bastante bien para abreviar números grandes y demás.
¿Ideas sobre cómo arreglar el gráfico o el ancho de la etiqueta del eje y?
Si configura la opción chart.marginLeft , anulará las etiquetas de tamaño automático para que los ejes Y se alineen.
Un poco pirateado, pero debería funcionar:
- establecer tanto para el
widthxAxis, por ejemplo, 400px - establecido para todos los ejes (xAxis y yAxis) a la
right, por ejemplo, 20 px
Ahora yAxis debe tener el mismo ancho y también los mismos extremos, etc.
Otra solución (y quizás incluso mejor) es usar dos paneles para Highcharts. Funciona exactamente de la misma manera que en Highstock, vea el ejemplo: http://www.highcharts.com/stock/demo/candlestick-and-volume