javascript - 更改下拉列表中的选择时更改 Highcharts 中的数据

标签 javascript jquery highcharts

我有一个下拉列表和一个 Highcharts 。我只想显示从下拉列表中选择的数据。请帮忙

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

http://jsfiddle.net/sunny168/cd5qj1ny/

最佳答案

您的代码不完整。在 jsfiddle 上你只给出一张图表。

要获得想要的图表,请尝试:

$("#chartSeries").on('change', function() {
  var value = $(this).val();
  if (value == 1) {
    // Call Summary chart
  } else if (value == 2) {
    // Call Performance chart
  } else {
    // Show a message asking for selection
  }

关于javascript - 更改下拉列表中的选择时更改 Highcharts 中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32227656/

相关文章:

javascript - 我如何使用 jQuery 从 <head> 读取所有 &lt;meta..>?

javascript - 将 javascript 变量作为 hightcharts 系列数据传递时,Highcharts 不起作用

javascript - 无法在 Angular.js 中使用 ng-repeat 设置默认选定单选按钮的选项

JavaScript 文本字段

java - 在返回响应之前获取 servlet 请求的状态

javascript - 根据隐藏的数字更改容器的宽度 - jQuery

javascript - CSS Flex Center 和 Masonry JS 冲突

javascript - Angular 形式复选框最初未包含在模型中

javascript - Highcharts触发后台点击事件

highcharts - Highcharts 在导出中添加图例