Javascript highcharts使用下拉菜单更改多个系列的图表类型

您好，我是这个编程领域的新手，我正在尝试创建一个带有下拉列表的图表。我已经尝试了这里发布的许多解决方案，不幸的是没有找到一个与我的代码兼容的解决方案。 感谢您的帮助

这里是jsfiddle链接

---

}))

您需要注意所选图表类型的更改。我建议如下：

var chartType = "line";
$("#chartType").change(function() {
    chartType = $("#chartType option:selected").val();
});

var chartType = "line";
var seriesType = "a";
$("#chartType").change(function() {
    chartType = $("#chartType option:selected").val();
    redrawChart();
});
$(".test").change(function() {
    seriesType = this.getAttribute("value");
    redrawChart();
}

现在可以在图表代码中引用变量chartType

 chart.addSeries({
            name: '#Active Leaners',
            type: chartType,
            color: '#43cd80',  
            data:[100, 200, 300, 400, 100, 200, 100,200,300,100,400,100]

为了简化您的工作，我建议将绘制图表的代码放入函数中。然后，您可以在任何选择/输入发生更改时调用此函数。比如：

var chartType = "line";
$("#chartType").change(function() {
    chartType = $("#chartType option:selected").val();
});

var chartType = "line";
var seriesType = "a";
$("#chartType").change(function() {
    chartType = $("#chartType option:selected").val();
    redrawChart();
});
$(".test").change(function() {
    seriesType = this.getAttribute("value");
    redrawChart();
}

---

您只需使用

series.update（）

更新series.types即可。见：