动态更新 Highcharts 数据的实现方法
<! Doctype html> <html> <head> <script type = "text/javascript" src = "http://cdn.hcharts.cn/jQuery/jquery-1.8.3.min.js"> </script> <script = "Teks/Teks/Javascript" 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: {kategori: []}, yaxis: {title: {text: '数据'},}, seri: []}); function show () {var trs = $ ('Tabel tr'); var datas = []; var peta = {}; untuk (var i = 1; i <trs.length; i ++) {var nams = $ ('td: first', trs [i]). html (); var value = $ ('td: last', trs [i]). html (); if (typeOf peta [nams] == 'tidak terdefinisi') {var pos = data.length; peta [nams] = pos; data [pos] = {name: nams, data: []}; } data [peta [nams]] ["data"]. Push (angka (nilai)); } var series = chart.series; if (series.length> 0) {series [0] .remove (false); } var d = data [0]; chart.addseries (d); // 设置数据, danielinbiti chart.settitle ({text: d.name}); // 设置标题 dipuji oleh Danielinbiti chart.redraw (); } </script> <script type = "text/javascript"> $ (function () {new highcharts.chart ({chart: {renderto: 'container2'}, judul: {text: '链球菌毒素 o',}, {{数据 {} {} {{{{{{{} {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{title, Data: [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 = 'Tombol' ontClick = 'show ()' value = '显示表格数据'/> <h1> 曲线图 </h1> <!-第一个空图-> <div id = "container"> </div> <!-第二个有数据的图-> <Div ID = "container2"> </div> </div> <! <td> ename </td> <td> Waktu </td> <td> Tanggal </td> </tr> <tr> <td> 血小板 </td> <td> hplt </td> <td> </td> </td> </td> </td </td> </td </td> </td </td> </td </td> </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> </table> </body> </html>以上这篇动态更新 Highcharts 数据的实现方法就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , ,