echarts在HTML里测试正常，在jsp页面不显示，而且还把整个页面变成空白
echarts在HTML里测试正常，在jsp页面不显示，而且还把整个页面变成空白，请大神帮忙，急，在线等
CreatedbyIntelliJIDEA.
User:Administrator
Date:-8-5
Time:17:22:27
TochangethistemplateuseFile|Settings|FileTemplates.
--%>
店铺销售量和浏览量
//路径配置
require.config({
paths:{
echarts:'${lx}/static/dist',
}
});
//不习惯模块化的你当然可以
varecharts;
require(['echarts'],function(ec){
echarts=ec;
});
//是的，把echarts加载后保存起来作为命名空间使用
//使用
require(
[
'echarts',
'echarts/chart/bar'//使用柱状图就加载bar模块，按需加载
],
function(ec){
//基于准备好的dom，初始化echarts图表
varmyChart=ec.init(document.getElementById('main'));
varoption={
tooltip:{
show:true
},
legend:{
data:['销量']
},
xAxis:[
{
type:'category',
data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
}
],
yAxis:[
{
type:'value'
}
],
series:[
{
"name":"销量",
"type":"bar",
"data":[5,20,40,10,10,20]
}
]
};
//为echarts对象加载数据
myChart.setOption(option);
}
);
--%>
------解决思路----------------------
require.js
------解决思路----------------------
浏览器里点右键->查看源代码，把源代码存为一个html，再复制到虚拟目录下执行
这样来调试，主要还是靠自己
在这里你问一句我答一句，楼主不觉得在浪费时间吗
------解决思路----------------------
CreatedbyIntelliJIDEA.
User:Administrator
Date:-8-5
Time:17:22:27
TochangethistemplateuseFile
------解决思路----------------------
Settings
------解决思路----------------------
FileTemplates.
--%>
店铺销售量和浏览量
×
${message}
${shop.name}
varmyChart=echarts.init(document.getElementById('main'));
varoption={
title:{
text:'某站点用户访问来源',
subtext:'纯属虚构',
x:'center'
},
tooltip:{
trigger:'item',
formatter:"{a}
{b}:{c}({d}%)"
},
legend:{
orient:'vertical',
x:'left',
data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
toolbox:{
show:true,
feature:{
mark:{show:true},
dataView:{show:true,readOnly:false},
magicType:{
show:true,
type:['pie','funnel'],
option:{
funnel:{
x:'25%',
width:'50%',
funnelAlign:'left',
max:1548
}
}
},
restore:{show:true},
saveAsImage:{show:true}
}
},
calculable:true,
series:[
{
name:'访问来源',
type:'pie',
radius:'55%',
center:['50%','60%'],
data:[
{value:335,name:'直接访问'},
{value:310,name:'邮件营销'},
{value:234,name:'联盟广告'},
{value:135,name:'视频广告'},
{value:1548,name:'搜索引擎'}
]
}
]
};
//为echarts对象加载数据
myChart.setOption(option);
这样试下
如果觉得《jsp空白页面传html代码 echarts在HTML里测试一般 在jsp页面不显示 而且还把整个页面变成空白...》对你有帮助，请点赞、收藏，并留下你的观点哦！
