Echarts图表数据一般都是从后台数据库实时取数据的传输数据大多采用JSON数据格式
本文通过springmvc来拦截数据请求完成数据显示
以下是工程目录
, 
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>插入标题here
& lt;脚本src=" https://www.yisu.com/zixun/js/echarts-all.js "祝辞& lt;/script>
& lt;脚本src=" https://www.yisu.com/zixun/js/macarons.js "祝辞& lt;/script>
& lt;脚本src=" http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js "祝辞& lt;/script>
& lt;脚本src=" https://www.yisu.com/zixun/js/getbar.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt; div id=爸饕弊４? lt;/div>
& lt;脚本type=" text/javascript祝辞//初始化表格
var myChart=echarts.init (. getelementbyid(“主要”)、“马卡龙”);//载入选择配置
myChart.setOption (getlinebar ());
& lt;/script>
& lt;/body>
& lt;/html>
3。新建所需数据库注入所需数据
这是不同浏览器在市场的占比
& lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;
& lt; web xmlns: xsi=" http://www.w3.org/2001/XMLSchema-instance "
xmlns=" http://xmlns.jcp.org/xml/ns/javaee "
xsi: schemaLocation=" http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd”
id=" WebApp_ID " version=" 3.1 "比;
& lt; servlet>
& lt; servlet-name> springmvc
& lt; servlet-class> org.springframework.web.servlet.DispatcherServlet
& lt; init-param>
& lt; param-name> contextConfigLocation
& lt; param-value>/web - inf/spmvc-servlet.xml
& lt;/init-param>
& lt; load-on-startup> 1 & lt;/load-on-startup>
& lt;/servlet>
& lt; !——让Spring MVC的前端控制器拦截带有。做的请求——比;
& lt; !——注意这里不能拦截使用“/崩菇厮星肭蠡岬贾耲s等静态文件无法加载——比;
& lt; servlet-mapping>
& lt; servlet-name> springmvc
& lt; url-pattern> * .do
& lt;/servlet-mapping>
& lt;/web-app>之前
需要特别注意*。做可以解决静态资源无法加载的情况总共有三种方法解决
接下来新建spmvc-servlet。xml来配置这是使用Jackjson的配置文件
