初次使用echarts图表,结果加载不出来:
看到有人说
2、确保页面加载顺序无误
3、dom元素一定要指定其大小
<div id="test" style="width:400px;height:300px;"></div>
……
甚至还考虑了echarts版本问题?echarts.js和echarts.min.js的引用是否有影响?
结果都没有!!!
怎么都没想到是忽略了1、确保js路径引入正确!!
智障样的alert了半天,发现echarts.init()方法执行后就没下文了。
F12啊!用浏览器慢慢调啊!
果然在引入js的时候404了,然后查看了下路径没问题啊,tomcat下对应路径下有js啊!
然后沿着这条路百度到了,是spring mvc引入js等文件的方式不对。
springMVC引入js文件例子如下,css等文件同理。
一、若eclipse工作空间目录如下:webapp
-js
-WEB-INF
对应的jsp中文件引用js:<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script src="js/echarts/echarts.min.js"></script>
配置方式一:
web.xml
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
配置方式二:
spring-mvc.xml
<mvc:resources mapping="/js/**" location="/js/" />
webapp
-WEB-INF
-js
对应的jsp中文件引用js:<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script src="js/echarts/echarts.min.js"></script>
配置方式一:(同上不变)
web.xml
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
配置方式二:
spring-mvc.xml改为
<mvc:resources mapping="/js/**" location="/WEB-INF/js/" />
结果方式一不能访问,方式二可以访问。