ASP.NET MVC + ECharts圖表案例


廢話不多說直接講講今天要做的事。

利用微軟爸爸的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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM