小编Jér*_*ôme的帖子

highcharts jquery动态更改图表类型列到栏

我正在尝试使用jquery切换图形类型.

我找到了通过使用函数改变图表类型(无需重新创建新图表)的方法:

series [i] .update({type:chartType});

我的第一个问题是:有一种方法可以改变所有图表,而不仅仅是系列?如果没有继续阅读:)

但是有了这个功能,我无法使'bar'图表正常工作.它就像一个柱形图.正如您所看到的,馅饼示例正在作为例外工作.

吧:http://www.highcharts.com/demo/bar-basic

它是如何工作的(示例):

<div id="top10_" style="float:left">
    <button id="set_column">column</button>
    <button id="set_bar">bar</button>
    <button id="set_pie">pie</button>
</div>
<div id="top10" style="min-width: 400px; height: 400px; margin: 0 auto;"></div>
Run Code Online (Sandbox Code Playgroud)
$('#set_column').click(function () {
    var chart = $(this).parent('div').attr('id');
    chart = chart.replace('_', '');
    $('#' + chart).highcharts().series[0].update({
        type: "column"
    });
});
$('#set_bar').click(function () {
    var chart = $(this).parent('div').attr('id');
    chart = chart.replace('_', '');
    $('#' + chart).highcharts().series[0].update({
        type: "bar"
    });
});
$('#set_pie').click(function () {
    var chart = $(this).parent('div').attr('id');
    chart = chart.replace('_', '');
    $('#' + …
Run Code Online (Sandbox Code Playgroud)

jquery highcharts

8
推荐指数
1
解决办法
2万
查看次数

标签 统计

highcharts ×1

jquery ×1