¿Alguien tiene una idea de cómo optimizar la visualización de la serie agregando rango entre series cuando no hay un valor como el de la imagen a continuación?
Por ejemplo, entre 3500MW y 6500MW no hay valor, entonces, ¿cómo hacer para compactar la pantalla de la serie como en la imagen?
muchas gracias por tu ayuda :)
Estás buscando yAxis.breaks
yAxis: { lineColor: 'black', lineWidth: 2, title: false, tickInterval: 100, breaks: [{ from: 500, to: 3000 }], events: { pointBreak: pointBreakColumn } }, breaks define dónde le gustaría que se produzcan los descansos en el eje. El evento pointBreak le permite agregar un estilo especial en los puntos de ruptura (por ejemplo, su línea en zigzag en la imagen).
¿He intentado usar yAxis con el tipo: 'logarítmico'? reducir significativamente la brecha entre los valores lejanos. Demostración: [https://jsfiddle.net/BlackLabel/vj83L76q/]
Highcharts.chart('container', { chart: { type: 'line' }, enter code here yAxis: { type: 'logarithmic' }, series: [{ data: [100, 1000, 2000, 3000, 7000, 20000 ] }]