jQuery技术:尝试动态更新Highchart柱形图但系列未定义

我正在尝试使用服务中的新信息更新现有的highcharts柱形图。 我试图通过在系列上使用setdata方法但在“undefined”中使用系列来实现此目的。 我对这种类型的编程很新,所以我不理解我做错了什么。 任何帮助将不胜感激。 我的代码如下:

$('#chart22').highcharts({ colors: ['#FBB369', '#7798BF'], chart: { type: 'column' }, title: { text: 'Some Data' }, xAxis: { categories: ['Cat1', 'Cat2'] }, yAxis: { title: { text: 'Amount' }, labels: { formatter: function() { return this.value / 1000000000 +'B'; } } }, credits: { enabled: false }, exporting: { enabled: false }, series: [{ name: 'Amount', data: [-3450000000.25, 3670000000.35] }] }); setInterval(function() { getData(); }, 30000); function getData(){ console.log("retrieving data from server "); var url = "https://localhost/someserver call"; $.getJSON (url, function (Data44) { var data = data44; //we are good here // update the series data chart22.series[0].setData(data); chart22.series.setData(data); //both give the error that series is undefined ???? }); } 

    您尚未创建变量chart22因此未定义属性也就不足为奇了。

    试试这个

     var timerId = setInterval(function() { console.log("retrieving data from server "); var url = "https://localhost/someserver call"; $.getJSON(url, function(data) { $('#chart22').highcharts().series[0].setData(data); }); }, 30000); 

    Series.setData的JSFiddle演示应该向您展示了要做的事情。

    需要了解更多jQuery教程分享尝试动态更新Highchart柱形图但系列未定义,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

      以上就是jQuery教程分享尝试动态更新Highchart柱形图但系列未定义相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/982138.html

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐