jsp空白页面传html代码,echarts在HTML里测试一般，在jsp页面不显示，而且还把整个页面变成空白...

echarts在HTML里测试正常，在jsp页面不显示，而且还把整个页面变成空白

echarts在HTML里测试正常，在jsp页面不显示，而且还把整个页面变成空白，请大神帮忙，急，在线等

Created by IntelliJ IDEA.

User: Administrator

Date: 2015-8-5

Time: 17:22:27

To change this template use File | Settings | File Templates.

--%>

店铺销售量和浏览量

// 路径配置

require.config({

paths: {

echarts: '${lx}/static/dist',

}

});

// 不习惯模块化的你当然可以

var echarts;

require(['echarts'], function (ec){

echarts = ec;

});

// 是的，把echarts加载后保存起来作为命名空间使用

// 使用

require(

[

'echarts',

'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载

],

function (ec) {

// 基于准备好的dom，初始化echarts图表

var myChart = ec.init(document.getElementById('main'));

var option = {

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 ，再复制到虚拟目录下执行

这样来调试，主要还是靠自己

在这里你问一句我答一句，楼主不觉得在浪费时间吗

------解决思路----------------------

Created by IntelliJ IDEA.

User: Administrator

Date: 2015-8-5

Time: 17:22:27

To change this template use File

------解决思路----------------------

Settings

------解决思路----------------------

File Templates.

--%>

店铺销售量和浏览量

×

${message}

${shop.name}

var myChart = echarts.init(document.getElementById('main'));

var option = {

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);

这样试下