如何更改 Highchart 中的 zoomType 状态？

Question

在我的代码中，我在图表导航期间加载了许多文件，但我想在某些特定文件上包含 zoomType 和 hover 和 mousever 等功能。例如，我正在通过读取 sample.json 文件来更改图表的 zoomType='x'。

 $(function() {
        var chart;
        var options = {
                chart : {
                        type : 'polygon',
                        renderTo : 'container',
                        zoomType:''
                },
                title : {

                        text : ''
                },
                 credits: {
            enabled: false
        }, 



           $.getJSON('sample.json', function(data) {
               options.series=data;
               options.chart.zoomType='x';  /*including zoom feature only for sample.json file*/ 
               var chart = new Highcharts.Chart(options);
          });

但是这段代码不起作用。我该如何解决这个错误？

Answer 1

See the working demo

我正在为默认系列设置 'x'，为下一个 json 数据设置缩放类型 'y'（当您单击加号图标时），请在 plunker [=19 查看您之前的代码和演示=]

  $("#container").html("<div style='style:margin:0 auto'>Loading Data</div>") ;
  $.getJSON('data10.json', function(data) {
    options.series=data;
    options.chart.zoomType='x'; 
     chart = new Highcharts.Chart(options);


});

如何更改 Highchart 中的 zoomType 状态？

How to change zoomType status in Highchart?

zooming

highcharts