From 700e8b84c95caa08e17a1338115d413d0241167d Mon Sep 17 00:00:00 2001 From: avene Date: Wed, 27 Jun 2018 15:55:54 +0800 Subject: [PATCH] add observe page --- .../default/views/scripts/sanji-header.phtml | 6 +- htdocs/static-sanjy-np/js/observe.js | 73 +++++++++++++++++++ 2 files changed, 76 insertions(+), 3 deletions(-) create mode 100644 htdocs/static-sanjy-np/js/observe.js diff --git a/application/default/views/scripts/sanji-header.phtml b/application/default/views/scripts/sanji-header.phtml index a4713260..b921f069 100755 --- a/application/default/views/scripts/sanji-header.phtml +++ b/application/default/views/scripts/sanji-header.phtml @@ -39,9 +39,9 @@
  • 地图
  • -
  • - 观测 -
  • + + +
  • 新闻动态
  • diff --git a/htdocs/static-sanjy-np/js/observe.js b/htdocs/static-sanjy-np/js/observe.js new file mode 100644 index 00000000..8e1f9691 --- /dev/null +++ b/htdocs/static-sanjy-np/js/observe.js @@ -0,0 +1,73 @@ +//初始化echarts图表 +var myChart = echarts.init(document.getElementById('observe')); + +var option = { + title : { + text: '未来一周气温变化', + subtext: '纯属虚构' + }, + tooltip : { + trigger: 'axis' + }, + legend: { + data:['最高气温','最低气温'] + }, + toolbox: { + show : true, + feature : { + mark : {show: true}, + } + }, + calculable : true, + xAxis : [ + { + type : 'category', + boundaryGap : false, + data : ['周一','周二','周三','周四','周五','周六','周日'] + } + ], + yAxis : [ + { + type : 'value', + axisLabel : { + formatter: '{value} °C' + } + } + ], + series : [ + { + name:'最高气温', + type:'line', + data:[11, 11, 15, 13, 12, 13, 10], + markPoint : { + data : [ + {type : 'max', name: '最大值'}, + {type : 'min', name: '最小值'} + ] + }, + markLine : { + data : [ + {type : 'average', name: '平均值'} + ] + } + }, + { + name:'最低气温', + type:'line', + data:[1, -2, 2, 5, 3, 2, 0], + markPoint : { + data : [ + {name : '周最低', value : -2, xAxis: 1, yAxis: -1.5} + ] + }, + markLine : { + data : [ + {type : 'average', name : '平均值'} + ] + } + } + ] +}; + +// 为echarts对象加载数据 +myChart.setOption(option); \ No newline at end of file