vue项目接口域名动态的获取方法
260
2023-07-16
动态更新highcharts数据的实现方法
动态更新highcharts数据的实现方法
var chart ;
$(function (){
chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
title: {
text: '?',
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: '数据'
},
},
series: []
});
});
function show(){
var trs = $('table tr');
var datas=[];
var map={};
for(var i=1;i var nams = $('td:first',trs[i]).html(); var value = $('td:last',trs[i]).html(); if(typeof map[nams]=='undefined'){ var pos = datas.length; map[nams] = pos; datas[pos]={name:nams,data:[]}; } datas[map[nams]]["data"].push(Number(value)); } var series=chart.series; if(serieJLNPts.length > 0){ seriJLNPtes[0].remove(false); } var d = datas[0]; chart.addSeries(d);//设置数据,danielinbiti chart.setTitle({text:d.name});//设置标题 commend by danielinbiti chart.redraw(); } $(function () { new Highcharts.Chart({ chart: { renderTo: 'container2' }, title: { text: '链球菌毒素O', }, xAxis: { categories: [] }, yAxis: { title: { text: '数据' }, }, series: [{ name: 'SBASO', 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] }] }); }); http:// JLNPt
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~