MVC + ECharts案例

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章