javascript - 使用 Highcharts 动态更改“极坐标”属性

Question

我有一个用图书馆 Highcharts 制作的简单图表。我已经在 jsfiddle 中复制了该示例。

我想要做的是动态更改图表的极坐标属性（单击示例的按钮），从真到假，反之亦然。

我在 API 参考中没有发现任何有用的东西来动态更改它。

这是我的小提琴：http: //jsfiddle.net/eternasparta/CMs36/2/

小提琴的 HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="height: 400px"></div>
<button id="button">Toggle Polar</button>

这是我的jsfiddle的代码：

$(function () {
// create the chart
$('#container').highcharts({
    chart: {
        //start with polar at true
        polar:true
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

   //var chart = $('#container').highcharts();
   $('#button').click(function() {
      //toggle polar here
   });
});

有任何想法吗？

Answer 1

不幸的是，这个选项是不可能的，但您可以使用相同的选项 destroy() 并创建新图表。