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