动态更新 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'}, ชื่อ: {text: '?',}, xaxis: {categories: []}, yaxis: {title: {text: '数据'} ฟังก์ชั่นแสดง () {var trs = $ ('ตาราง tr'); var datas = []; var map = {}; สำหรับ (var i = 1; i <trs.length; i ++) {var nams = $ ('td: แรก', trs [i]). html (); ค่า var = $ ('td: สุดท้าย', trs [i]). html (); if (typeof map [nams] == 'undefined') {var pos = datas.length; แผนที่ [NAMS] = POS; datas [pos] = {ชื่อ: nams, data: []}; } datas [MAP [NAMS]] ["data"]. push (number (value)); } 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}); // 设置标题คำชมโดยแผนภูมิ Danielinbiti.redraw (); } </script> <script type = "text/javascript"> $ (function () {ใหม่ highcharts.chart ({chart: {renderto: 'container2'}, ชื่อ: {text: '链球菌毒素 o',}, xaxis: {categories: []} '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> <อินพุต type = 'ปุ่ม' onclick = 'show ()' value = '显示表格数据'/> <h1> 曲线图 </h1> <!-第一个空图-> <div id = "container"> </v div> <! <td> ename </td> <td> เวลา </td> <td> วันที่ </td> </tr> <tr> <td> 血小板 </td> <td> hplt </td> <td> 1 </td> <td> 7.0 </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>以上这篇动态更新 Highcharts 数据的实现方法就是小编分享给大家的全部内容了, 希望能给大家一个参考, 也希望大家多多支持武林网。