Echarts动态加载后台数据
Posted 与你在巅峰相会
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Echarts动态加载后台数据相关的知识，希望对你有一定的参考价值。
注意：1、用Ajax请求获取后台数据 2、Echarts只能处理Json数据
后台Controller：根据业务需求不同而返回不同数据，我前台要循环遍历Echarts的series进行数据添加，所以后台返了个二维数组过去。
前端JSP页面：为Echarts准备一个具有高宽的dom容器
前端JS：初始化时即加载Echarts，将不需要进行加载的配置项(例如title、tooltip等)不作改动，将需要动态加载数据的配置放入ajax的success:function(){}中进行处理。
定义一个为series这个即将动态加入数据的配置项准备的名为Item的数组容器，
接着对后台返回过来的数据(childkind)进行遍历，将遍历出的数据赋给容器中的相应属性(例：tp.name=childkind[i])。由于series里面的data属性(接收的是数组数据)也需要进行数据动态加载，接着再定义一个list数组，循环写入数据到list中，再将list数组返给tp.data。
最后再设置Echarst相关配置项。
以上是关于Echarts动态加载后台数据的主要内容，如果未能解决你的问题，请参考以下文章