jsp實現柱狀圖原理?
首先是要下載jqChart的案例,在自己的項目中引入三個文件一個css,兩個js,然后在自己要顯示統計圖的頁面上引入所選中的圖的js文件即可
<link rel="stylesheet" type="text/css" href="css/pieChart/jquery.jqChart.css" />必備
<script src="js/pieChart/jquery.jqChart.min.js" type="text/javascript"></script>必備
<script lang="javascript" type="text/javascript" src="js/pieChart/excanvas.js"></script>//為了在IE上能夠顯示
然后是js代碼:
注意:data是你可以把你的數據拼成一個二維數組放入(我是這樣做的,因為顯示的數據每次都不一樣),如果你的表顯示的數據一直不變,那么你可以直接在代碼中的data:data換成data:[['United States', 65], ['United Kingdom', 58], ['Germany', 30], ['India', 60], ['Russia', 65], ['China', 75]]