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);
这样试下
jsp空白页面传html代码,echarts在HTML里测试一般,在jsp页面不显示,而且还把整个页面变成空白...相关推荐
- 后退一步 小程序_微信小程序返回上一级页面的实现代码
微信小程序返回上一级页面 wx.navigateBack({ delta: 1 //返回上一级页面}) html: 保存 js: //提交 submit(){ let data = this.data ...
- Struts2三种传参方式(从jsp页面传到Action)
多的不说,直接上代码;struts.xml代码:<?xml version="1.0" encoding="UTF-8"?> <!DOCTYP ...
- vue页面传参(多个参数传值)与接参 - 代码篇
index.js路由规则设定: /searchResult/syyName=:syyName 发送页面: //传参页面 this.$router.push({name: 'SearchResult', ...
- php+ajax+打开新页面跳转,ajax怎样跳转到新的jsp页面(附代码)
这次给大家带来ajax怎样跳转到新的jsp页面(附代码),ajax跳转到新的jsp页页的注意事项有哪些,下面就是实战案例,一起来看一下. ajax可以实现局部刷新页面,即在不刷新整个页面的情况下更新页 ...
- JSP实现简单的登录页面实现及代码(非连接数据库)
** JSP实现简单的登录页面实现及代码(非连接数据库) ** 1.实现一个简单的登陆页面: 2.如果登陆成功,提示页面欢迎你,进入我的主页: 3.如果登陆不成功跳转到登陆页面: 4.使用固定用户名和 ...
- jsp 图片上传到oracle,jsp上传图片到数据库(oracle),并能在页面上显示解决办法
jsp上传图片到数据库(oracle),并能在页面上显示解决办法 jsp上传图片到数据库(oracle),并能在页面上显示解决办法 日期:2014-05-18 浏览次数:20341 次 jsp上传图片 ...
- jsp注释java_jsp页面怎么注释代码
详细内容 在这里介绍一下JSP中各种代码的注释.css注释:/* 这里是CSS注释* /:js注释://这里是JS注释:html注释:< !- - 这是一个JSP文件 - ->:Java注 ...
- JSP中文及传中文参数乱码解决方法小结
在使用JSP的过程中,最使人头疼的一个问题就是中文乱码问题,以下是我在软件开发中遇到的乱码问题以及解决方法. 1.JSP页面乱码 这种乱码的原因是应为没有在页面里指定使用的字符集编码,解决方法:只要在 ...
- jsp文件里java代码的作用_如何使用JSP 2避免JSP文件中的Java代码?
小编典典 自从2001年标签库(例如JSTL)和EL(表达语言,那些东西)的诞生以来,在JSP中确实不建议使用scriptlet(那些东西).${} scriptlet的主要缺点是: 可重用性:您无法 ...
最新文章
- Java项目:嘟嘟校园一卡通系统(java+JSP+Servlet+html+css+JavaScript+JQuery+Ajax+mysql)
- 亿级流量压力来袭,你的网站会被击垮吗?(上篇)
- 扩增子分析解读7物种分类统计,筛选进化树和其它
- 脱壳学习之加壳的概念
- 命名空间不能直接包含_C++程序中可以命名的5种元素
- java中如何获取系统时间
- mongodb在插入数据环节避免数据重复的方法(爬虫中的使用update)
- qt开发环境 - c++之输入,输出,名字空间定义,名字空间指令,名字空间声明
- oracle执行计划的rows不对,Oracle执行计划——all_rows和first_rows(n)优化器模式
- python 小甲鱼——面向对象笔记
- 引号 解析 逗号_笔试积累 | 军队文职公共科目真题解析18
- GDAL C# “OSGeo.GDAL.GdalPINVOKE”的类型初始值设定项引发异常 解决方法
- C#进阶系列——一步一步封装自己的HtmlHelper组件:BootstrapHelper(二)
- Atitit springcloud的艺术 attilax总结 目录 1.1. 服务治理:Spring Cloud Eureka 39 注册中心	1 1.2. 第4章 客户端负载均衡:Spring
- 无人机4G数传一站多机模式
- GIT可视化工具 代码上传工具
- 天馈系统驻波比概念,产生的原因,问题现象
- animejs走马灯_Javript动画特效插件anime.js
- Solana沦为“宕机链”:TPS修正主义的又一次失败
- WEB前端性能优化,提高页面加载速度
热门文章
- java web 多语言_基于 Selenium WebDriver 实现多语言环境下自动化截图
- dropload.js无限刷新解决方案
- Spring Security 认证执行流程
- linux命令行sip电话,基于Linux和MiniGUI的SIP电话终端设计
- MongoDB文件操作(支持大于4M数据)
- input的属性AutoComplete——关闭浏览器文本框自动提示
- CentOS x64 安装gcc
- Oracle集合查询
- oracle 其他表空间,Oracle查询表空间使用情况以及其他查询
- kafka python框架_为什么选择R而不是Python做ETL