MVC + ECharts案例

ASP.NET MVC + ECharts图表案例

废话不多说直接讲讲今天要做的事。

利用微软爸爸的MVC框架结合百度的良心产品ECharts图表进行动态图表的生成,本文以柱状图为例。

ECharts下载以及相关文档:http://echarts.baidu.com/index.html

本文下载了源代码版本进行操作
MVC + ECharts案例_第1张图片
首先在控制器里写好获取数据库中需要在图表中显示的数据,我这里返回的是Json 的数据格式
MVC + ECharts案例_第2张图片
然后在前台Chars.cshtml中首先创建一个div,用于存放图表,然后在js中通过获取后台返回的数据将其转换为数组,然后给echarts调用即可
MVC + ECharts案例_第3张图片
这样一个简单的柱状图表就出来了,如果想要花哨的样式可以参考官网api和样例

MVC + ECharts案例_第4张图片

源码下载
本文版权归作者及CSDN所有,转载请注明作者及原文出处
也可关注
http://www.cnblogs.com/clayzhang

你可能感兴趣的:(ASP.NET,MVC)