Javascript 动态添加标志以显示问题、高度图表

因此，几天前我问过哪些图表可以用于基于股票的应用程序，我最终选择了它，因为它太棒了

现在，我的图表以这种方式呈现，正如预期的那样

对我来说，下一步就是在他们身上插上旗帜。我可以在创建图表时这样做，它呈现如下：

---

为什么它在那里有效，但在我尝试时无效（

非常感谢@c69在这方面帮助了我

显然，他们分发供下载的版本不是他们在JSFIDLE上使用的版本

此外，我还试图使用给我带来问题的getData函数（因为highcharts.js中有一个bug），但后来我们理解了，开始使用addPoint方法

现在它工作了：D

var entry_servlet = 'SOMESERVLET' $.getJSON(entry_servlet, function(ret_data) { $.each(ret_data, function(key, val) { var dat = ret_data[key].date; var tim = ret_data[key].time; var o = ret_data[key].o; var h = ret_data[key].h; var l = ret_data[key].l; var c = ret_data[key].c; datArr = dat.split('/'); timArr = tim.split(':'); var UTCthing; UTCthing = Date.UTC(datArr[2],datArr[0]-1,datArr[1],timArr[0],timArr[1],timArr[2]); window.buck_chart.series[1].addPoint( { name:'title', title: "B", x: UTCthing, color: '#009f3c', text: "Price: " + o + " time: " + tim },true,false); }); }); var entry_servlet='SOMESERVLET' $.getJSON（条目\u servlet，函数（ret\u数据）{ $。每个（返回数据、函数（键、值）{ var dat=ret_data[key]。日期； var tim=ret_data[key]。时间； var o=ret_data[key].o； var h=ret_data[key].h； var l=ret_数据[key].l； var c=ret_data[key].c； datArr=dat.split（'/'）； timArr=tim.split（“：”）； var UTCthing； UTCthing=Date.UTC（datArr[2]，datArr[0]-1，datArr[1]，timArr[0]，timArr[1]，timArr[2]）； window.buck_chart.series[1]。addPoint( { 姓名：'title'， 标题：“B”， x:UTCthing， 颜色：“#009f3c”， 文字：“价格：+o+”时间：+tim }，对，错）； }); });

---

非常感谢@c69在这方面帮助了我

显然，他们分发供下载的版本不是他们在JSFIDLE上使用的版本

此外，我还试图使用给我带来问题的getData函数（因为highcharts.js中有一个bug），但后来我们理解了，开始使用addPoint方法

现在它工作了：D

var entry_servlet = 'SOMESERVLET' $.getJSON(entry_servlet, function(ret_data) { $.each(ret_data, function(key, val) { var dat = ret_data[key].date; var tim = ret_data[key].time; var o = ret_data[key].o; var h = ret_data[key].h; var l = ret_data[key].l; var c = ret_data[key].c; datArr = dat.split('/'); timArr = tim.split(':'); var UTCthing; UTCthing = Date.UTC(datArr[2],datArr[0]-1,datArr[1],timArr[0],timArr[1],timArr[2]); window.buck_chart.series[1].addPoint( { name:'title', title: "B", x: UTCthing, color: '#009f3c', text: "Price: " + o + " time: " + tim },true,false); }); }); var entry_servlet='SOMESERVLET' $.getJSON（条目\u servlet，函数（ret\u数据）{ $。每个（返回数据、函数（键、值）{ var dat=ret_data[key]。日期； var tim=ret_data[key]。时间； var o=ret_data[key].o； var h=ret_data[key].h； var l=ret_数据[key].l； var c=ret_data[key].c； datArr=dat.split（'/'）； timArr=tim.split（“：”）； var UTCthing； UTCthing=Date.UTC（datArr[2]，datArr[0]-1，datArr[1]，timArr[0]，timArr[1]，timArr[2]）； window.buck_chart.series[1]。addPoint( { 姓名：'title'， 标题：“B”， x:UTCthing， 颜色：“#009f3c”， 文字：“价格：+o+”时间：+tim }，对，错）； }); });

---

什么时候出现错误？onClick还是onLoad？也许你给错误/不存在的序列添加了点？-dynamic addPoint（）可以工作…我在单击按钮时出现错误。问题是，放在本地机器上时发现的代码也会出现错误。我不明白它如何可以联机工作，但不能在本地机器上工作：（您是否有与网站上相同版本的HighCharts（即：最新版本）？您的代码来自[此处][在我的任何浏览器中都不起作用。FF/Chr/Op-仅图形，当您单击时，没有任何变化。IE9-怪异按钮，它什么也不做，也没有图形。让我们看看您何时收到错误？onClick还是onLoad？也许您将点添加到错误/不存在的系列？-dynamic addPoint（）工作…当我点击按钮时，我得到了错误。问题是，在我的本地机器上找到的代码也给出了错误。我不明白它如何在线工作，但在本地机器上却不能工作：（你有与网站上相同版本的HighCharts（即：最新）？你的代码来自[此处][在我的任何浏览器中都不起作用。FF/Chr/Op-只是图形，当你点击时，没有任何变化。IE9-奇怪的按钮，它什么也不做，也没有图形。让我们感谢你提供的答案，但我希望它与你问题中的示例一致（手工编码的数据，而不是ajax get）…要求你摆弄旗帜会不会太过分（因为你发布的添加旗帜对我来说是坏的）？我也在努力做这件事，但这些样本在itHey@Amalgovinus中并没有真正起作用，很快就会这样做并发回：）你能将我链接到你的数据的JSON样本，然后我就可以为你建立并运行它了。这里有四个日期时间/值对：[[Date.UTC（2012,01,1,0），6]，[Date.UTC（2012,01,1,1），0]，[Date.UTC（2012,01,1,2），13]，[Date.UTC（2012,01,1,3），14]]感谢您提供的答案，但我希望它与您问题中的示例一致（手工编码的数据，而不是ajax get）…要求您对标志进行处理会不会太过分（因为您发布的添加标志对我来说是坏的）？我也在努力实现这一点，但这些示例在itHey@Amalgovinus中并没有真正起作用，很快就会这样做并发回：）你能将我链接到你数据的JSON示例，然后我就可以为你建立并运行它了。这里有四个日期时间/值对：[[Date.UTC（2012,01,1,0），6]，[Date.UTC（2012,01,1,1），0]，[Date.UTC（2012,01,1,1,0]，[Date.UTC]（2012,01,1,2），13），[UTC日期（2012,01,1,3），14]] var entry_servlet = 'SOMESERVLET' $.getJSON(entry_servlet, function(ret_data) { $.each(ret_data, function(key, val) { var dat = ret_data[key].date; var tim = ret_data[key].time; var o = ret_data[key].o; var h = ret_data[key].h; var l = ret_data[key].l; var c = ret_data[key].c; datArr = dat.split('/'); timArr = tim.split(':'); var UTCthing; UTCthing = Date.UTC(datArr[2],datArr[0]-1,datArr[1],timArr[0],timArr[1],timArr[2]); window.buck_chart.series[1].addPoint( { name:'title', title: "B", x: UTCthing, color: '#009f3c', text: "Price: " + o + " time: " + tim },true,false); }); });