echarts 在html可以用 但是在jsp页面中不能使用 请问该怎么解决?
这是源代码：<!DOCTYPEhtml><html><head><title></title><scripttype="text/javascript"src="echa...
这是源代码：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="echarts.js"></script>
</head>
<body>
<div id="chartmain" style="width:600px; height: 400px;">
<script type="text/javascript">
//指定图标的配置和数据
var option = {
title:{
text:'ECharts 数据统计'
},
tooltip:{},
legend:{
data:['用户来源']
},
xAxis:{
data:["Android","IOS","PC","Ohter"]
},
yAxis:{
},
series:[{
name:'访问量',
type:'line',
data:[500,200,360,100]
}]
};
//初始化echarts实例
var myChart = echarts.init(document.getElementById('chartmain'));
//使用制定的配置项和数据显示图表
myChart.setOption(option);
</script>
</div>
</body> 展开
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="echarts.js"></script>
</head>
<body>
<div id="chartmain" style="width:600px; height: 400px;">
<script type="text/javascript">
//指定图标的配置和数据
var option = {
title:{
text:'ECharts 数据统计'
},
tooltip:{},
legend:{
data:['用户来源']
},
xAxis:{
data:["Android","IOS","PC","Ohter"]
},
yAxis:{
},
series:[{
name:'访问量',
type:'line',
data:[500,200,360,100]
}]
};
//初始化echarts实例
var myChart = echarts.init(document.getElementById('chartmain'));
//使用制定的配置项和数据显示图表
myChart.setOption(option);
</script>
</div>
</body> 展开
3个回答
展开全部
不是引入问题 是JS区域里面的设置问题 JSP中使用ECHARTS跟WebStrom中使用是不一样的 在JSP执行的过程中是先走EL表达式这些, JSP里面的那些CSS样式不都是JAVA画出来的嘛 所以在JSP执行到最后走JS部分的时候就会无法执行,图形显示不出来,你搜索JSP使用ECHARTS例子 还有就是 你在JSP中使用ECHARTS 里面图形的横纵坐标值你没有办法从数据库里面弄到JSP的JS里面,因为你还得遍历出来放到那个JS var声明出来的数组中 ,就会导致只有一个背景,确实没有数据也就没有值,非常尴尬 .这是我个人的问题 不清楚你那边能行么 ,不过 JSP中使用ECHARTS是肯定可以的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
HTML5跟JSP没啥直接关系吧？你就算直接写HTML文件，也能实现HTML5。头部加上这个，其他的按照HTML5标签的格式规范来写就行了。不过浏览器必须兼容
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是不是引入文件的路径在jsp里面写的不对？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
