动态更新HighCharts数据的实现方法
< 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：{categories：[]}、yaxis：{title：{text： '数据'}、}、series：}）;}）; function show（）{var trs = $（ 'table tr'）; var Datas = []; var map = {}; for（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; map [nams] = pos; Datas [pos] = {name：nams、data：[]}; } datas [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}）; // } </script> <script type = "text/javascript"> $（function（）{new highcharts.chart（{chart：{renderto： 'container2'}、title：{text： 'o'、}、xaxis：{categories：[]}、yaxis：{text：{bed '' '' '' '' '' '' '' '' '' '' bed：{nam '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> <入力タイプ= 'button' onclick = 'show（）' value = '显示表格数据'/> <h1>曲线图</h1> <！ - 第一个空图 - > <div id = "container"> </div> <！ <td> ename </td> <td> time </td> <td> date </td> </tr> <tr> <td>血小板</td> <td> hplt </td> <td> 1 </td> <td> 7.0 </td> </tr <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> </table> </body> </html> </html>以上这篇动态更新highcharts数据的实现方法就是小编分享给大家的全部内容了、希望能给大家一个参考、也希望大家多多支持武林网。