动态更新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数据的实现方法就是小编分享给大家的全部内容了、希望能给大家一个参考、也希望大家多多支持武林网。