我正在尝试使用服务中的新信息更新现有的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