使用Highcharts动态更改“极性”属性

时间:2013-06-03 09:52:53

标签: javascript charts highcharts

我用图书馆Highcharts制作了一个简单的图表。 我在jsfiddle中复制了这个例子。

我想要做的是动态地更改图表的极性(通过单击示例的按钮),从true到false,反之亦然。

我没有在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
   });
});

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

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