热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQuery教程分享仅使用JavaScript更新现有Highstock图表的数据

我正在编辑一个站点而我无法访问原始代码,我所能做的就是将代码附加到它的末尾。我无法访问PHP(我认为无论如何我都不需要)。这是现有的代码:HIGHSTOCKCHART(functi

我正在编辑一个站点而我无法访问原始代码,我所能做的就是将代码附加到它的末尾。 我无法访问PHP(我认为无论如何我都不需要)。

这是现有的代码:

//HIGHSTOCKCHART (function () { var highstockchart = enoro.namespace("orchard.standard.consumption.highstockchart"); highstockchart.defaults = { chart: { renderTo: null, }, credits: { enabled: false }, navigator: { series: { includeInHtmlTableExport: false } }, rangeSelector: { buttonTheme: { width: 70, height: 20 }, inputEnabled: false, buttons: [ { type: 'day', count: 1, text: 'Dag' }, { type: 'week', count: 1, text: 'Uke' }, { type: 'month', count: 1, text: 'Måned' }, { type: 'all', text: 'All' } ], selected: 2 }, yAxis: [ { id: 'yAxis-consumption', title: { text: 'kWh' } } ], title: { text: null }, series: [ { id: 'thisyear', name: null, data: null, type: 'spline', pointStart: null, pointInterval: 3600 * 1000, dataGrouping: { approximation: "sum", enabled: true }, tooltip: { valueDecimals: 1, valueSuffix: " kWh" } } ] }; }()); (function () { var cOnsumption= enoro.namespace("orchard.standard.consumption"); consumption.init(); }());

使用以下代码我可以从URL检索新数据,但我不确定如何应用它并重绘图形。 请记住,我无法编辑上面的任何代码:

 $.getJSON('*url*', function(data) { // data.data gives the following result: [3.0,2.0,3.0,5.0,8.0] // How do I apply this data and redraw the graph? }); 

目前,该图从属性data-serie-data =“[4.0,4.0,3.0,4.0,3.0]”中绘制值。

如何将data.data应用于图形并重新绘制?

编辑:

我尝试了以下,但这不起作用:

 highstockchart.series[0].setData(data.data,true); 

    在/ Meter / Consumption页面上的Chrome控制台中,您应该可以粘贴以下内容,它应突出显示最高的4个值: http : //pastebin.com/4RzYXcBh

    需要了解更多jQuery教程分享仅使用Javascript更新现有Highstock图表的数据,都可以关注jQuery技术分享栏目—编程笔记

      以上就是jQuery教程分享仅使用Javascript更新现有Highstock图表的数据相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注(编程笔记)。


      推荐阅读
      • Oracle分析函数first_value()和last_value()的用法及原理
        本文介绍了Oracle分析函数first_value()和last_value()的用法和原理,以及在查询销售记录日期和部门中的应用。通过示例和解释,详细说明了first_value()和last_value()的功能和不同之处。同时,对于last_value()的结果出现不一样的情况进行了解释,并提供了理解last_value()默认统计范围的方法。该文对于使用Oracle分析函数的开发人员和数据库管理员具有参考价值。 ... [详细]
      • 如何使用Java获取服务器硬件信息和磁盘负载率
        本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
      • 本文由编程笔记#小编为大家整理,主要介绍了logistic回归(线性和非线性)相关的知识,包括线性logistic回归的代码和数据集的分布情况。希望对你有一定的参考价值。 ... [详细]
      • 本文介绍了数据库的存储结构及其重要性,强调了关系数据库范例中将逻辑存储与物理存储分开的必要性。通过逻辑结构和物理结构的分离,可以实现对物理存储的重新组织和数据库的迁移,而应用程序不会察觉到任何更改。文章还展示了Oracle数据库的逻辑结构和物理结构,并介绍了表空间的概念和作用。 ... [详细]
      • Java序列化对象传给PHP的方法及原理解析
        本文介绍了Java序列化对象传给PHP的方法及原理,包括Java对象传递的方式、序列化的方式、PHP中的序列化用法介绍、Java是否能反序列化PHP的数据、Java序列化的原理以及解决Java序列化中的问题。同时还解释了序列化的概念和作用,以及代码执行序列化所需要的权限。最后指出,序列化会将对象实例的所有字段都进行序列化,使得数据能够被表示为实例的序列化数据,但只有能够解释该格式的代码才能够确定数据的内容。 ... [详细]
      • CSS3选择器的使用方法详解,提高Web开发效率和精准度
        本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
      • 本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目,以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数,以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ... [详细]
      • Metasploit攻击渗透实践
        本文介绍了Metasploit攻击渗透实践的内容和要求,包括主动攻击、针对浏览器和客户端的攻击,以及成功应用辅助模块的实践过程。其中涉及使用Hydra在不知道密码的情况下攻击metsploit2靶机获取密码,以及攻击浏览器中的tomcat服务的具体步骤。同时还讲解了爆破密码的方法和设置攻击目标主机的相关参数。 ... [详细]
      • javascript  – 概述在Firefox上无法正常工作
        我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
      • 本文由编程笔记小编整理,介绍了PHP中的MySQL函数库及其常用函数,包括mysql_connect、mysql_error、mysql_select_db、mysql_query、mysql_affected_row、mysql_close等。希望对读者有一定的参考价值。 ... [详细]
      • Voicewo在线语音识别转换jQuery插件的特点和示例
        本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
      • 本文介绍了在Mac上搭建php环境后无法使用localhost连接mysql的问题,并通过将localhost替换为127.0.0.1或本机IP解决了该问题。文章解释了localhost和127.0.0.1的区别,指出了使用socket方式连接导致连接失败的原因。此外,还提供了相关链接供读者深入了解。 ... [详细]
      • 不同优化算法的比较分析及实验验证
        本文介绍了神经网络优化中常用的优化方法,包括学习率调整和梯度估计修正,并通过实验验证了不同优化算法的效果。实验结果表明,Adam算法在综合考虑学习率调整和梯度估计修正方面表现较好。该研究对于优化神经网络的训练过程具有指导意义。 ... [详细]
      • 本文介绍了作者在开发过程中遇到的问题,即播放框架内容安全策略设置不起作用的错误。作者通过使用编译时依赖注入的方式解决了这个问题,并分享了解决方案。文章详细描述了问题的出现情况、错误输出内容以及解决方案的具体步骤。如果你也遇到了类似的问题,本文可能对你有一定的参考价值。 ... [详细]
      • 高质量SQL书写的30条建议
        本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
      author-avatar
      amroc_394
      这个家伙很懒,什么也没留下!
      PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
      Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有