HighCharts 渲染图表已经缩放

Question

是否可以呈现可缩放图表并使其已经缩放。我正在使用可在 x 轴和 y 轴上缩放的散点图，并希望将其呈现为已经放大到某些值。

定义图表时是否可以设置任何默认缩放选项？

下面是图表的工作示例：Chart Example

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

Answer 1

chart.zoom 函数可用（但不适用于此用途），但通常会从拖动事件中获取相当多的参数。在创建图表时伪造它至少可以像这样完成：

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

有关示例，请参阅 this CodePen。如果您进行手动选择，我已经记录了该函数将采用的原始输入。

HighCharts 渲染图表已经缩放

HighCharts render chart already zoomed

javascript

zooming

highcharts