Echarts 一个开源图表设计工具

    一般来说,因有所需,方有所求。最近项目中有这方面的需求,用着感觉不错。特此记录!此处仅是一个简单的demo。官网地址:http://echarts.baidu.com/,相关文档、插件都有。

1.js部分。

    
    

2.html部分,用来放置图表。


    
"EChart" style="width:600px; height: 400px;">

3.方法

 [HttpPost]
        public JsonResult GetData()
        {
            List<string> category = new List<string>{
                "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"
            };
            List<int> data = new List<int>{
              10, 52, 200, 334, 390, 330, 220
            };
            return Json(new { category=category,data=data});
        }

4.最终效果图如下

Echarts 一个开源图表设计工具_第1张图片

 

转载于:https://www.cnblogs.com/axqa/p/10112126.html

你可能感兴趣的:(Echarts 一个开源图表设计工具)