ASP.NET Core +Highchart+ajax绘制动态柱状图

一.项目介绍
利用前端Highchart，以及ajax向后台获取数据，绘制动态柱状图。hightchart其他实例可查看官网文档。Highchart
二.准备工作
先搭建项目以及所要访问的数据库及数据，这里不做赘述。
然后编写Controller代码，用于提供数据。

		[HttpPost]
        public JsonResult GetDataList(int BeformDays, int Type)
        {
            JsonResultData json = new JsonResultData();
            json.datas.Add(new Detail {
                name="测试总数"
            });
            json.datas.Add(new Detail
            {
                name = "测试失败"
            });
            json.datas.Add(new Detail
            {
                name = "测试成功"
            });
            var list=_dataContext.Responses.ToList();
            if (Type == 1)
            {
                foreach (var item in list)
                {
                    json.names.Add(item.ClientName);
                    //json.testSuccessNum.Add(item.TestSuccessNum);
                    json.datas.FirstOrDefault(o => o.name == "测试总数").data .Add(item.TestNum);
                    json.datas.FirstOrDefault(o => o.name == "测试成功").data.Add(item.TestSuccessNum);
                    json.datas.FirstOrDefault(o => o.name == "测试失败").data.Add(item.TestNum-item.TestSuccessNum);
                }
            }
            return Json(json);
        }

二.前端代码
先引用需要用到的js包，如下：

js代码如下：

在html页面添加容器，html代码如下：

效果图：