廢話不多說直接講講今天要做的事。
利用微軟爸爸的MVC框架結合百度的良心產品ECharts圖表進行動態圖表的生成,本文以柱狀圖為例。
ECharts下載以及相關文檔:http://echarts.baidu.com/index.html
本文下載了源代碼版本進行操作
首先在控制器里寫好獲取數據庫中需要在圖表中顯示的數據,我這里返回的是Json 的數據格式
然后在前台Chars.cshtml中首先創建一個div,用於存放圖表,然后在js中通過獲取后台返回的數據將其轉換為數組,然后給echarts調用即可
這樣一個簡單的柱狀圖表就出來了,如果想要花哨的樣式可以參考官網api和樣例
源碼下載:
http://download.csdn.net/detail/clay_zhang/9872258
本文版權歸作者及博客園所有,轉載請注明作者及原文出處
http://www.cnblogs.com/clayzhang