动态更新 Highcharts 数据的实现方法
<! doctype html> <html> <head> <script type = "text/javaScript" src = "http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js src = "http://cdn.hcharts.cn/highcharts/highcharts.js"> </script> <script type = "text/javaScript"> var chart ؛ $ (function () {chart = new Highcharts.Chart ({Chart: {renderto: 'Container'} ، title: {text: '؟' ،} ، xaxis: {catevories: []} ، yaxis: {title: 数据 '数据'} ،} ، series: []}) ؛}) ؛ دالة show () {var trs = $ ('table tr') ؛ var datas = [] ؛ var map = {} ؛ لـ (var i = 1 ؛ i <trs.length ؛ i ++) {var nams = $ ('td: first' ، trs [i]). html () ؛ var value = $ ('td: last' ، trs [i]). html () ؛ if (typeof map [nams] == 'undefined') {var pos = datas.length ؛ الخريطة [nams] = pos ؛ البيانات [pos] = {name: nams ، البيانات: []} ؛ } البيانات [MAP [NAMS]] ["Data"]. Push (number (value)) ؛ } var series = chart.series ؛ if (series.length> 0) {series [0] .remove (false) ؛ } var d = datas [0] ؛ chart.addseries (d) ؛ // 设置数据 ، danielinbiti chart.settitle ({text: d.name}) ؛ // 设置标题 Refvend بواسطة danielinbiti chart.redraw () ؛ } </script> <script type = "text/javaScript"> $ (function () {new Highcharts.chart ({chart: {renderto: 'container2'} ، title: {text: '链球菌毒素 o' ،} ، xaxis: {{}} ، yaxis: "SBASO" ، البيانات: [7.0 ، 6.9 ، 9.5 ، 14.5 ، 18.2 ، 21.5 ، 25.2 ، 26.5 ، 23.3 ، 18.3 ، 13.9 ، 9.6]}}) ؛ </script> </head> <body> <input type = 'button' onClick = 'show ()' value = '显示表格数据'/> <h1> 曲线图 </h1> <! <td> ename </td> <td> الوقت </td> <td> التاريخ </td> </td> <td> <td> <td> 2 </td> <td> 6.9 </td> </tr> <tr> <td> 血小板 </td> <td> hplt </td> <td> 3 </td> <td> 9.5 </td> </tr> </td> </html>以上这篇动态更新 Highcharts 数据的实现方法就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。