<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'EcharsOne.jsp' starting page</title>
<script src="./js/esl.js"></script>
<script src="./js/jquery.js"></script>
<script type="text/javascript">
require.config({
paths:{
echarts:'./js/echarts',
'echarts/chart/map': './js/echarts-map',
}
});
var option1 = {
title:{
text:'竖向柱状图-曲线图',
},
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
calculable : true,
legend: {
data:['蒸发量','降水量']
},
xAxis : [
{
type : 'category',
data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
}
],
series : [
{
name:'蒸发量',
type:'bar',
data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4,3.3]
},
{
name:'降水量',
type:'line',
data:[300, 500, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0,2.3]
}
]
};
var option2={
title:{
text:'横向柱状图'
},
tooltip :{
trigger:'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
toolbox: {
show: true, //是否显示工具栏
feature: {
mark: true,
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'EcharsOne.jsp' starting page</title>
<script src="./js/esl.js"></script>
<script src="./js/jquery.js"></script>
<script type="text/javascript">
require.config({
paths:{
echarts:'./js/echarts',
'echarts/chart/map': './js/echarts-map',
}
});
var option1 = {
title:{
text:'竖向柱状图-曲线图',
},
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
calculable : true,
legend: {
data:['蒸发量','降水量']
},
xAxis : [
{
type : 'category',
data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
}
],
series : [
{
name:'蒸发量',
type:'bar',
data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4,3.3]
},
{
name:'降水量',
type:'line',
data:[300, 500, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0,2.3]
}
]
};
var option2={
title:{
text:'横向柱状图'
},
tooltip :{
trigger:'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
toolbox: {
show: true, //是否显示工具栏
feature: {
mark: true,