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