关于Echarts用Ajax请求后台获取数据显示在前台（饼图）_course

这个是我用的ajax请求后台，然后返回数据，但是没有反应，不知道是哪里写错了，能解答一下吗？ 这是controller

echarts动态获取后台数据_course

一.现在我有JSP页面，页面里面有个div中有一个panel面板，面板种面嵌入的map地图。 ``` <div class="panel panel-default"> <div class="panel-heading"><h3 class="panel-title"><i class="fa fa-bar-chart-o fa-fw"></i>中国地图 </h3></div> <div class="panel-body"> <div style="mini-width:400px;height:350px" data-toggle="echarts" data-type="map" data-url="pop/echarts-mapData.html"></div> </div> </div> </div> ``` 二。其中，data-url="pop/echarts-mapData.html"，引入的是一个外部html页面，但是里面是死数据，并且是JSON格式的数据。代码如下： ``` { "tooltip": { "trigger": "item" }, "setTheme": { "theme": "macarons" }, "legend": { "orient": "vertical", "x": "left", "data": [ "党员人数" ] }, "dataRange": { "min": 0, "max": 300, "x": "left", "y": "bottom", "text": [ "高", "低" ], "calculable": true }, "toolbox": { "show": true, "orient": "vertical", "x": "right", "y": "center", "feature": { "mark": { "show": true }, "dataView": { "show": true, "readOnly": false }, "restore": { "show": true }, "saveAsImage": { "show": true } } }, "series": [ { "name": "党员人数", "type": "map", "mapType": "重庆|江北区", "roam": false, "itemStyle": { "normal": { "label": { "show": true } }, "emphasis": { "label": { "show": true } } }, "data": [ { "name": "江北区", "value": 299 } ] } ] } ``` 三。很明显，↑↑↑↑↑↑上面的代码直接就是地图里面的各种参数（虽然数据是死的）。 图片效果如下：  问题： echarts的官网我也逛过多次了，但是例子都是新建的一个html网页，在里面加入的js代码，并配合ajax请求获取的后台数据。但是这样的话，加载出来的地图却是一个单独的html网页效果而已，并不能达到我嵌入JSP页面的div中这样的效果。 所以，请教各位能伸出援手，帮帮忙。---我的目的就是想，不要单独的一个html页面，而是就像上面的死数据一样，嵌入在JSP页面中，只是数据变为从后台获取而已。

ECharts动态获取数据_course

如图，我在用ECharts做一个表格，从后端向前台穿了一个json格式的列表，在前台接收到后想要将这个列表的数据放在ECharts表格中series中的第一个data中去（这个折线图有两条折线），现在