现在的位置: 首页 > 综合 > 正文

EChart绑定数据源

2018年02月18日 ⁄ 综合 ⁄ 共 606字 ⁄ 字号 评论关闭

如果您用过其他的Chart绑定数据源,那么您就不不需要往下面看了。

笔者是做.net的,所有这里需要一定的C#基础。

首先看下面的代码:
熟悉.net的朋友看到第一个红色框(从上到下)中的内容,一眼就看的出是asp.net 最初的传值方式,这里我们先看下官方的代码:
大家注意下这里面的三个蓝色方框的被容,仔细看可以发现其实就是C#里面的List<>数组,那我们在看这些蓝色框所对应的上面一张图的内容,会发现是不是很像.net 面向对象里面的data对象,只是我们在对象下面建立了几个需要的属性,但是怎么在前台读取的出来呢,当然考的是Json对象的反序列化的方法。
 
 
分析完,我们开始动手,下面我们新建个类对象,在里面设置这些属性
 
 
大家首先应该从最里面的那个List<>数组建立属性,所有,这里的这个SingleSerie对象,就是为了建立Series这个属性。

这里我习惯在我们这个html页面的后台建个对象:
 
 
前面三个属性很好理解,大家仔细理解下最后一个属性。
这样最关键的步骤基本完成了,后面的代码就很好写了。这里笔者由于是链接的数据库的,所有代码会看起来有点不同,大家可以做参考。
 
这里的土黄色的方框中的JsonHelper是笔者自己封装的一个dll,目的是方便反序列化,大家可以在网上查相关的反序列化的问题,内容很多。

绿色方框中的内容是为了方便调试的时候,看看返回的Json是否正确。
最终的结果就是第一张图的代码。

抱歉!评论已关闭.