add observe page

application/default/views/scripts/sanji-header.phtml

@@ -39,9 +39,9 @@
                         <li>
                             <a href="/map">地图</a>
                         </li>
-                        <li>
+<!--                        <li>-->
-                            <a href="/observe">观测</a>
+<!--                            <a href="/observe">观测</a>-->
-                        </li>
+<!--                        </li>-->
                         <li>
                             <a href="/archives/news/localnews">新闻动态</a>
                         </li>

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