(一) 使用工具 visual studio 2017;Web开发:asp.net

(代码中的js引用路径以及ajax方法调用的url,记得修改哦)

(二) 准备工作(此处写给和我一样小白)

  1.动态从后台获取数据,需使用Ajax获取后台Json,为此我们需要做一些准备工作,安装两个包(在vs的NuGet包管理)

一个json的包,一个mvc的包。

ECharts 从后台动态获取数据 (asp.net)

ECharts 从后台动态获取数据 (asp.net)

  2.添加必要的js。

  ECharts和jQuery均可在各自官网下载到。Echarts依赖zrender,但好像项目中是否引用并不影响。原谅我对Echarts还只是初识,理解不够深刻。

 ECharts 从后台动态获取数据 (asp.net)

 

(三) 开始吧~

然后现在开始我们的小练习。

先准备一个Series类

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 
 6 /// <summary>
 7 /// Series 的摘要说明
 8 /// </summary>
 9 public class Series
10 {
11     public string name;
12     public string type;
13     public int yAxisIndex;
14     public List<double> data;
15 }
Series

相关文章: