change media_statistics

polls/templates/polls/media_statistics.html

@@ -1,148 +1,85 @@
-{% extends 'polls/base.html' %}
+{% extends 'polls/base.html' %} {% load static %} {% block content%}
-{% load static %}
-{% block content%}
 <div class="flex-container">
   <div class="row">
     <div class="col-xs-12">
-            <div id="chart1" style="width: 100%%;height:400px;margin:20px 10px;"></div>
+      <div
+        id="chart1"
+        style="width: 100%%; height: 400px; margin: 20px 10px"
+      ></div>
     </div>
     <div class="col-xs-12">
-            <div id="chart2" style="width: 100%%;height:400px;margin:20px 10px;"></div>
+      <div id="chart2" style="width: 100%%; height: 400px; margin: 20px 10px">
-        </div>
+        <div style="text-indent: 2em;">统计数据更新日期2021.03.21</div>
-
+        <div style="text-indent: 2em;">本次监测政务新媒体账号5032个，监测时段内发表文章累计123456篇。</div>
       </div>
     </div>
-{% endblock%}
+  </div>
-{% block add_js %}
+</div>
+{% endblock%} {% block add_js %}
 <script src="{% static 'polls/js/echarts.min.js' %}"></script>
 <script type="text/javascript">
-    var myChart = echarts.init(document.getElementById('chart1'));
+  var myChart = echarts.init(document.getElementById("chart1"));
 
   var option = {
     title: {
-            text: '全省政务新媒体更新次数（逐月）',
+      text: "全省政务新媒体更新次数（逐月）",
       subtextStyle: {
         fontSize: 16,
       },
-            left: 'center'
+      left: "center",
     },
-        color: ['#003366', '#006699', '#4cabce', '#e5323e', '#ccc'],
+    color: ["#003366", "#006699", "#4cabce", "#e5323e", "#ccc"],
     tooltip: {
-            trigger: 'axis',
+      trigger: "axis",
       axisPointer: {
-                type: 'shadow'
+        type: "shadow",
-            }
+      },
     },
     legend: {
-            top: '10%',
+      top: "10%",
-            data: ['微信', '微博', '头条', '抖音', '其它']
+      data: ["微信", "微博", "头条", "抖音", "其它"],
     },
     xAxis: [
       {
-                type: 'category',
+        type: "category",
         axisTick: { show: false },
-                data: ['6月','7月', '8月', '9月', '10月']
+        data: ["6月", "7月", "8月", "9月", "10月"],
-            }
+      },
     ],
     yAxis: [
       {
-                type: 'value'
+        type: "value",
-            }
+      },
     ],
     series: [
       {
-                name: '微信',
+        name: "微信",
-                type: 'bar',
+        type: "bar",
         barGap: 0,
-                data: [320, 332, 301, 334, 390]
+        data: [320, 332, 301, 334, 390],
       },
       {
-                name: '微博',
+        name: "微博",
-                type: 'bar',
+        type: "bar",
-                data: [220, 182, 191, 234, 290]
+        data: [220, 182, 191, 234, 290],
       },
       {
-                name: '头条',
+        name: "头条",
-                type: 'bar',
+        type: "bar",
-                data: [150, 232, 201, 154, 190]
+        data: [150, 232, 201, 154, 190],
       },
       {
-                name: '抖音',
+        name: "抖音",
-                type: 'bar',
+        type: "bar",
-                data: [98, 77, 101, 99, 40]
+        data: [98, 77, 101, 99, 40],
       },
       {
-                name: '其他',
+        name: "其他",
-                type: 'bar',
+        type: "bar",
-                data: [25, 32, 46, 20, 8]
+        data: [25, 32, 46, 20, 8],
-            }
+      },
-        ]
+    ],
   };
   myChart.setOption(option);
-
-
-    var myChart2 = echarts.init(document.getElementById('chart2'));
-
-    var option = {
-        title: {
-            text: '全省政务新媒体开设数量（逐月）',
-            subtextStyle: {
-                fontSize: 16,
-            },
-            left: 'center'
-        },
-        color: ['#003366', '#006699', '#4cabce', '#e5323e', '#ccc'],
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            top: '10%',
-            data: ['微信', '微博', '头条', '抖音', '其它']
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: {show: false},
-                data: ['6月','7月', '8月', '9月', '10月']
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: '微信',
-                type: 'bar',
-                barGap: 0,
-                data: [40, 80, 44, 36, 78]
-            },
-            {
-                name: '微博',
-                type: 'bar',
-                data: [25, 14, 41, 10, 18]
-            },
-            {
-                name: '头条',
-                type: 'bar',
-                data: [21, 32, 21, 14, 19]
-            },
-            {
-                name: '抖音',
-                type: 'bar',
-                data: [98, 77, 101, 99, 40]
-            },
-            {
-                name: '其他',
-                type: 'bar',
-                data: [25, 32, 46, 20, 8]
-            }
-        ]
-    };    
-    myChart2.setOption(option);
 </script>
 {% endblock %}