使用高图表动态更改"polar"属性



我用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
   });
});

任何想法?

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

最新更新