ASP.Net MVC中 Echarts简单Demo

最新推荐文章于 2025-07-07 14:25:05 发布

逃荒　A personゞ

最新推荐文章于 2025-07-07 14:25:05 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/u013283523/article/details/51576292

本文介绍了如何在ASP.Net MVC中使用Echarts 3.0创建一个简单的饼图Demo。首先在页面引入Echarts库，然后在控制器编写返回JsonList的方法，根据日期范围查询数据。接着在CSHTML页面处理数据并初始化Echarts图表，实现了点击树状菜单时展示相应的饼图，具备二级数据钻取功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 首先在页面引用Echarts 3.0 文件

2 在控制器写返回类型为jsonlist的方法
public List GetChildDataReDesign(Guid? pId, string SysName, string begindate, string enddate)
{
List LevelOne = context.Organizations.Where(a => a.ParentId == pId).ToList();
if (LevelOne.Count == 0) return null;
DateTime begin = new DateTime();
DateTime end = new DateTime();
//默认查询一月之内数据
if (string.IsNullOrEmpty(enddate) && string.IsNullOrEmpty(begindate))
{ end = DateTime.Now.Date; begin = end.Date.AddMonths(-1); }
if (!string.IsNullOrEmpty(enddate) && string.IsNullOrEmpty(begindate))
{ end = DateTime.Parse(enddate); begin = new DateTime(2016, 1, 1); }
if (string.IsNullOrEmpty(enddate) && !string.IsNullOrEmpty(begindate))
{ end = DateTime.Now.Date; begin = DateTime.Parse(begindate); }
if (!string.IsNullOrEmpty(enddate) && !string.IsNullOrEmpty(begindate))
{ end = DateTime.Parse(enddate); begin = DateTime.Parse(begindate); }
end = end.AddDays(1);
var queryP = (from l in context.ResourceAccess
join b in context.Users on l.UserCode equals b.Name
where l.CreateTime >= begin && l.CreateTime < end && l.SystemCode == SysName
select new
{
Id = l.Id,
UserName = b.Id.ToString() != null ? b.Id.ToString() : null,
OrgId = b.OrganizationIds
}).ToList();
List list = new List();
List TempOrg = new List();
foreach (var s in LevelOne)
{
if (children.Count > 0) children.RemoveAll(a => true);
//if (TempOrg.Count>0) TempOrg.RemoveAll(a => true);
TempOrg = (GetChildDataCircle(s.Id));
TempOrg.Add(s);