echarts HelloWord Demo
来源:互联网 发布:java jdbc连接数据库 编辑:程序博客网 时间:2024/05/21 16:54
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Echarts demo</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script type="text/javascript">
var option = {
tooltip : {
trigger: 'axis'
},
legend: {
data:['蒸发量','降水量']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
}
],
yAxis : [
{
type : 'value',
splitArea : {show : true}
}
],
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:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
}
]
}
</script>
</head>
<body>
<div id="main" style="height:95%;border:1px solid #ccc;padding:10px;"></div>
</body>
<script src="<%=basePath %>s_frontFrame/echarts-2.0.4/build/echarts-plain.js"></script>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);
</script>
</html>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Echarts demo</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script type="text/javascript">
var option = {
tooltip : {
trigger: 'axis'
},
legend: {
data:['蒸发量','降水量']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
}
],
yAxis : [
{
type : 'value',
splitArea : {show : true}
}
],
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:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
}
]
}
</script>
</head>
<body>
<div id="main" style="height:95%;border:1px solid #ccc;padding:10px;"></div>
</body>
<script src="<%=basePath %>s_frontFrame/echarts-2.0.4/build/echarts-plain.js"></script>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);
</script>
</html>
0 0
- echarts HelloWord Demo
- ECharts demo
- echarts图表demo
- ECharts简单Demo
- echarts柱状图实现demo
- echarts 饼图demo
- Android helloword demo程序不能运行
- ExtJS 初体验 第一个helloword demo
- Echarts教程--java使用demo
- 【Echarts】——上手Demo
- 关于echarts 图标的 demo
- Echarts动态加载数据demo
- echarts饼图实例demo
- echarts 动态获取数据demo
- 【Echarts】——上手Demo
- HelloWord
- HelloWord
- helloword
- eclipse中一个ndk编译问题
- 条件概率、全概率公式、贝叶斯公式
- 第八周项目三:多分段函数求值(2)
- Hibernate中的Session管理方案
- Android4.4 4.2keyguard锁屏流程梳理
- echarts HelloWord Demo
- Lucene 多种搜索
- [LeetCode] Longest Substring Without Repeating Characters
- 教育类APP
- Java反射_JDBC操作数据
- itoa和atoi整型和字符串转换
- 隐私政策
- asp对中文编码及解码,Decode和Encode中文网址处理
- 字符串