javascript - font - HighCharts render chart ya enfocado

title font highcharts

Question

¿Es posible representar gráficos con zoom y tenerlos ya ampliados? Estoy usando un diagrama de dispersión que es zoomable en el eje xey y me gustaría tenerlo renderizado ya ampliado a ciertos valores.

¿Hay alguna opción de zoom predeterminada que pueda establecer al definir el gráfico?

Aquí hay un ejemplo de trabajo del gráfico: Ejemplo de gráfico

$(''#container'').highcharts({
chart: {
type: ''scatter'',
zoomType: ''xy''
}...

Answer 1

La función chart.zoom está disponible (pero no para este uso), pero normalmente toma bastantes parámetros de un evento de arrastre. Fingir en la creación del gráfico podría, como mínimo, hacerse de la siguiente manera:

$(''#container'').highcharts({
// ...
}, function() {
this.zoom({
xAxis: [{ min: 25, max: 30, axis: this.xAxis[0] }],
yAxis: [{ min: 0, max: 300, axis: this.yAxis[0] }]
});
});

Vea este CodePen para ver un ejemplo. Si haces una selección manual, he registrado la entrada original que tomaría esa función.