本文以展示柱状图为例进行介绍,当然这仅仅是一种方法而已;还有很多方法可以用于展示图表,例如自定义图表标签、使用jfreechart插件等;
1、导入js文件,包含了很多展示方法:
代码如下:
<script type="text/javascript" src=<select:link page="/js/ChartObject.js"/>></script> <script type="text/javascript" src=<select:link page="/js/FusionCharts.js"/>></script>
2、从后台获取数据:
1 2 3 4 5 6 7 8 9 |
function init(){ |
3、将数据赋值给图例:
1 2 3 4 5 6 7 8 9 10 11 12 |
function showChart4(names,values){ |
4、在jsp页面中只需写入:
代码如下:
<div style="margin-top:3px;margin-left:3px;"><span id="chartDiv2" style="width:100%;"></span></div>
5.结果展示如下所示: