Highcharts數據的實現方法
<! doctype html> <html> <head> <script type =“ text/javascript” src =“ http://cdn.hcharts.cn/jquery/jquery-1.8.3.3.min.js” src =“ http://cdn.hcharts.cn/highcharts/highcharts.js”> </script> </script> <script type =“ text/javascript”> var圖表; $(function(){圖表= new HighCharts.chart({圖表:{renderto:'container'},title:{text:'???',},xaxis:{categories:[]},yaxis:yaxis:{title:{titter:{text:{text:'數據'},},},},series:fersem:fersem:oviss:f seriper:f series:oviss;};});});});});});函數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] = {name:nams,data:[]}; } datas [map [nams]] [“ data”]。 push(number(value)); } var系列=圖表。 if(series.length> 0){系列[0] .remove(false); } var d = datas [0]; Chart.AddSeries(d); //設置數據,Danielinbiti Chart.settitle({text:d.Name}); //設置標題danielinbiti carting.redraw(); } </script> <script type =“ text/javaScript”> $(function(){new HighCharts.chart({圖表:{renderto:'container2'},標題:{text:{text:'鏈球菌毒素o',},xaxis,xaxis:{categories:categories:categories:category:cant},yaxis:yaxis:yaxis:yaxis:witter:{nand ptitt:{nandabe fext:{nandabe {nandabe {nand of text:{數據:[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> <身體> <input type ='按鈕'onclick ='show()'value ='顯示表格數據'/> <h1> </> </h1> </h1> <! - 第一個空圖-> <div id =“ container”> </div> <! - > <! - > <! - > <div ID = div ID =“ <td> <td> 2 </td> <td> 6.9 </td> </td> </tr> <tr> <td> <td> </td> <td> <td> hplt </td> </td> <td> 3 </td> <td> <td> 9.5 </td> 9.5 </td> </td> </td> </tr> </tr> </tr> </table> </table> </table> </take> </htmll>Highcharts數據的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。 ,也希望大家多多支持武林網。