飞火龙在天解说百度Echarts的应用，如何从后台获取动态数据并生成图表的

百度echarts的应用，从后台获取动态数据，并生成图表

                                                            --梁晓磊

jsp页面：

<script src="./scripts/dataAnalysis/rainpic.js"></script>

单文件引入：
 <script src="./scripts/echarts-2.2.7/build/dist/echarts.js"></script>

 <div class="btn add_btnf"  model="add1" title="雨量过程线图表" οnclick="getrainchart(this);"/></td>

 <div id="add1" class="dialog" style="display: none;">
 <div id="mainss" style="height:410px;width:600px"></div>
    </div>

controller里的方法：

// 加载雨量数据管理图表

@RequestMapping(value = "rainmnpic")

public void rainmnpic(

HttpServletRequest request, HttpServletResponse response) {

Map<String, Object> queryParams = new HashMap<String, Object>();

String stcd=request.getParameter("stcd");

JSONObject json = new JSONObject();

if(stcd.equals("quanbu")){

json.put("data", queryrainService.queryRain(null));

}else{

queryParams.put("stcd", stcd);

json.put("data", queryrainService.queryRain(queryParams));

}

try {

response.setCharacterEncoding("utf-8");

response.setContentType("text/html; charset=utf-8");

PrintWriter out = response.getWriter();

json.put("status", "1");

json.put("info", "查询成功!");

out.write(json.toString());

} catch (IOException e) {

logger.error(e.getLocalizedMessage());

}

return ;

}

js里：