javascript - Highcharts 在下拉 Jquery 上更改图表类型

Question

场景: 我的内联网页面上有一个 Highcharts ，显示一些业务统计数据，我想为用户提供更改生成的图表类型的选项。但在阅读了多篇 SO 帖子后，我就没那么幸运了。

我尝试遵循 this帖子，该帖子未标记为已答复，但他的 FIDDLE似乎做了我想做的事情

我从该解决方案中获取了这段代码:

$("#chartType").change(function() {
    var type = this.value;
    if(type !== '0') {
        $(chart.series).each(function(){
            this.update({
                type: type 
            }, false);
        });
        chart.redraw();
    }
});

我似乎遇到的问题是，我构建图表的方式与他的做法不同，而且我似乎无法理解他在做什么(我不太擅长 Jquery，对于 Highcharts 的东西更糟糕)

这是一个FIDDLE我的尝试和我所能达到的最远的距离。我不确定为什么它不重绘我的图表。任何帮助将不胜感激。

谢谢

迈克

Answer 1

它有一个非常小的问题，实际上您在更改函数中使用的 cdhleads(图表引用)不会获得图表引用，因为它超出了其范围。所以您需要首先获取图表引用:

var cdhleads = $('#CDHLeads').highcharts();

<强> See your working Fiddle here