Highcharts ch
<! docType html> <html> <head> <script type = "text/javaScript"src = "http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"> </script> <script> <script> <text/javascript " src = "http://cdn.hcharts.cn/highcharts/highcharts.js"> </script> <script type = "text/javascript"> var 차트; $ (function () {차트 = New HighCharts.chart ({renderto : 'container'}, 제목 : {text : '?',}, xaxis : {categories : []}, yaxis : {text : '数据'},}, 시리즈 : []}); 함수 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; 지도 [nams] = pos; DataS [pos] = {이름 : nams, data : []}; } datas [map [nams]] [ "data"]. 푸시 (숫자 (value)); } var series = Chart.series; if (series.length> 0) {Series [0] .remove (false); } var d = 데이터 [0]; Chart.addseries (d); // 设置数据, danielinbiti Chart.settitle ({text : d.name}); // 设置标题 Danielinbiti Chart.redraw (); }. '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> </h1> <!-第一个空图-> <div id = "컨테이너"> </div> <!-第二个有数据的图-> <div id = "container2"> <td> ename </td> <td> 시간 </td> <td> 날짜 </td> </tr> <tr> <td> </td> <td> hplt </td> <td> 1 </td> <td> 7.0 </td> </tr> <td> </td> <dd> <dd> <dd> <dd> <td> 2 </td> <td> 6.9 </td> </td> </td> <td> </td> <td> hplt </td> <td> 3 </td> <td> 9.5 </td> </tr> </table> </body> </html>HighCharts ch ch, 希望能给大家一个参考, 也希望大家多多支持武林网。