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

Javascript Highcharts在下拉Jquery上更改图表类型,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,场景: 我的内联网页面上有一个highchart,其中显示了一些业务统计数据,我想让用户可以选择更改生成的图形类型。但在读了多篇SO帖子后,我就没什么运气了 我试着去看下面的帖子,虽然帖子并没有被标记为已回复,但他的帖子似乎满足了我的要求 我从该解决方案中获取了以下代码: $("#chartType").change(function() { var type = this.value; if(type !== '0') { $(chart.series).eac

场景: 我的内联网页面上有一个highchart,其中显示了一些业务统计数据,我想让用户可以选择更改生成的图形类型。但在读了多篇SO帖子后,我就没什么运气了

我试着去看下面的帖子,虽然帖子并没有被标记为已回复,但他的帖子似乎满足了我的要求

我从该解决方案中获取了以下代码:

$("#chartType").change(function() {
    var type = this.value;
    if(type !== '0') {
        $(chart.series).each(function(){
            this.update({
                type: type 
            }, false);
        });
        chart.redraw();
    }
});
我似乎遇到的问题是,我构建图表的方式与他不同,我似乎无法理解他在做什么(我不太擅长Jquery,更不擅长Highcharts的东西)

这是我的一次尝试,也是我所能做到的最远的尝试。我不知道它为什么不重新绘制我的图表。任何帮助都将不胜感激

谢谢


Mike

它有一个非常小的问题,实际上,您在change函数中使用的cdhleads(图表引用)无法获取图表引用,因为它超出了它的范围。因此,您需要首先获取图表参考,如下所示:

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

它有一个非常小的问题,实际上,您在change函数中使用的cdhleads(图表引用)无法获取图表引用,因为它超出了它的范围。因此,您需要首先获取图表参考,如下所示:

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

它有一个非常小的问题,实际上,您在change函数中使用的cdhleads(图表引用)无法获取图表引用,因为它超出了它的范围。因此,您需要首先获取图表参考,如下所示:

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

它有一个非常小的问题,实际上,您在change函数中使用的cdhleads(图表引用)无法获取图表引用,因为它超出了它的范围。因此,您需要首先获取图表参考,如下所示:

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

只需调用函数drawChart()(在onchange事件上),该函数实际上会重新启动图表:

function drawChart() {

  var options = {

          chart: {

              type: $("#filter").find("select[name=chartType]").val()

          }

    // ... Rest of the options

  };

  $('#chart').highcharts(options);

}

它适合我。

只需调用函数drawChart()(在onchange事件上),该函数实际上会重新启动图表:

function drawChart() {

  var options = {

          chart: {

              type: $("#filter").find("select[name=chartType]").val()

          }

    // ... Rest of the options

  };

  $('#chart').highcharts(options);

}

它适合我。

只需调用函数drawChart()(在onchange事件上),该函数实际上会重新启动图表:

function drawChart() {

  var options = {

          chart: {

              type: $("#filter").find("select[name=chartType]").val()

          }

    // ... Rest of the options

  };

  $('#chart').highcharts(options);

}

它适合我。

只需调用函数drawChart()(在onchange事件上),该函数实际上会重新启动图表:

function drawChart() {

  var options = {

          chart: {

              type: $("#filter").find("select[name=chartType]").val()

          }

    // ... Rest of the options

  };

  $('#chart').highcharts(options);

}

这对我很有用。

哦,天哪!!非常感谢你!整个上午都在坚持这一点。不用担心,如果答案回答了你的问题,也要记下正确的答案(:会的,只要30分钟过去:)哦,天哪!!非常感谢你!整个上午都在坚持这一点。不用担心,如果答案回答了你的问题,也要记下正确的答案(:会的,只要30分钟过去:)哦,天哪!!非常感谢你!整个上午都在坚持这一点。不用担心,如果答案回答了你的问题,也要记下正确的答案(:会的,只要30分钟过去:)哦,天哪!!非常感谢你!如果答案回答了你的问题,也要做正确的标记(:30分钟后就可以了:)谢谢你,伙计,在你的答案之前已经用过了:)但是+1谢谢你,伙计,在你的答案之前已经用过了:)但是+1谢谢你,伙计,在你的答案之前已经用过了:)但是+1谢谢你的伴侣,在你的答案之前已经用过了:)但是+1