ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9 /10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。 支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达 图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交 互组件，支持多图表、组件的联动和混搭展现。
工具/原料
1
电脑
2
前端编辑工具或者一个txt文本都可以
方法/步骤
1
第一步：实现思路。1、首先整合前端的依赖实现静态页面的展示。2、借助于jquery的ajax异步请求后台的数据返回json替换
3
第三步：测试。1、打开前端页面2、确认展示页面结果展示成功。
5
第五步：ajax请求后台数据展示。1、第一步实现ajax请求后台数据，如果是json字符串需要转换： 1.1 $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 1.2 JSON.parse(jsonstr); //可以将json字符串转换成json对象 1.3 eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 2、编写后台处理代码，集成springmvc，借助注解实现返回json数据在控制器上注解@RestController或者在方法上注解@ResponseBody
注意事项
需要在页面引入jquery和echarts两个js
下一篇：蛋糕淋面的做法