HighCharts渲染图表已经缩放

时间:2015-11-13 16:46:30

标签: javascript highcharts zooming

是否可以渲染可缩放的图表并使其已经缩放。我正在使用可在x和y轴上缩放的散点图,并希望渲染它已经放大到某些值。

在定义图表时,我可以设置默认的缩放选项吗?

以下是图表的工作示例:Chart Example

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

1 个答案:

答案 0 :(得分:2)

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。如果您进行手动选择,我已记录了该功能将要执行的原始输入。