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

 

posted @ 2017-06-16 13:48  ClayZhang  阅读(5676)  评论(1编辑  收藏  举报