jsp页面中利用highchart定时循环显示不同的统计图 5
jsp页面中想要用highchart做不同的统计图(多种统计图,只是X和Y的数据源不同),想要在同一个页面中进行定时循环显示,每次显示不同的统计图,如何进行渲染,我试了几...
jsp页面中想要用highchart做不同的统计图(多种统计图,只是X和Y的数据源不同),想要在同一个页面中进行定时循环显示,每次显示不同的统计图,如何进行渲染,我试了几种方法,都没成功,想请教大家看看有没有遇到过类似问题的,看看如何解决,先谢谢了!
展开
2016-03-23
展开全部
第一步:
在jsp中引入插件<script src="<c:urlvalue="/asset/admin/js/highcharts.js"/>"></script>
第二步:
用div来画统计图<div id="line" style="width: 750px; height: 400px;margin: 0 auto"> </div>
第三步:
把div与第一步的插件进行绑定代码如下
[html] view plain copy
$('#line').highcharts({
xAxis: { //横轴
categories: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
title: {text: '横轴名称'}
},
yAxis: {//纵轴
title: {
text: '纵轴名称'
}
},
series: [{//画图所依据的数据
data: [1, 3, 5, 2, 3, 9, 6, 7, 3, 5, 4, 3]
}]
});
});
在jsp中引入插件<script src="<c:urlvalue="/asset/admin/js/highcharts.js"/>"></script>
第二步:
用div来画统计图<div id="line" style="width: 750px; height: 400px;margin: 0 auto"> </div>
第三步:
把div与第一步的插件进行绑定代码如下
[html] view plain copy
$('#line').highcharts({
xAxis: { //横轴
categories: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
title: {text: '横轴名称'}
},
yAxis: {//纵轴
title: {
text: '纵轴名称'
}
},
series: [{//画图所依据的数据
data: [1, 3, 5, 2, 3, 9, 6, 7, 3, 5, 4, 3]
}]
});
});
追问
不是想问这个,是有三个图,要循环显示该怎么做
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询