highcharts - 动态更改缩放类型？

我想在不创建新实例的情况下将缩放类型从“ x”更改为“ xy”，
我想像他们拥有的update（）方法那样做。
位于myChart.options.chart.zoomType

最佳答案

首先准备一个字符串以显示图表

要重绘的克隆系列作为高图，请在绘制后将其设置为null。

var seriesClone=[{
        name: 'USD to EUR',
        data: [1,2,3,4,4,5,6,7,7,8,8,8,9,10,14]
   }]

系列选项设定

   var chartOptions={

    chart: {
        renderTo:'container',
        zoomType: 'xy'
    },

    rangeSelector: {
        selected: 1
    },

    series: [{
        name: 'USD to EUR',
        data: [1,2,3,4,4,5,6,7,7,8,8,8,9,10,14]
    }]
                 }

 var chart = new Highcharts.StockChart(chartOptions);

并且当您想要更改ZoomType的值时，请像这样重新声明图表

   chartOptions.chart.zoomType='y';
   chartOptions.series=seriesClone;
   myChart=new Highcharts.StockChart(chartOptions);

工作示例JSFIDDLE