Почетна Преглед Помоћ
Регистрација Пријавите се
liyongli
/
big_data_ott
1
0
Креирај огранак 0
Датотеке Дискусије 0 Захтеви за спајање 0 Вики
Преглед изворни кода

优化echarts

liyongli пре 3 година
родитељ
403e5fe968
комит
af222ff8c2
10 измењених фајлова са 108 додато и 34 уклоњено
Подељен поглед Покажи статистику Diff
  1. BIN
      public/favicon.ico
  2. 12 5
      public/index.html
  3. BIN
      src/assets/img/lightning.png
  4. 32 17
      src/components/bilateralBarChart.vue
  5. 24 3
      src/components/inOut.vue
  6. 16 1
      src/components/realLineChart.vue
  7. 16 1
      src/components/trendLineChart.vue
  8. 1 0
      src/views/Channel.vue
  9. 6 7
      src/views/Program.vue
  10. 1 0
      src/views/RealData.vue

BIN
public/favicon.ico
Прегледај датотеку


+ 12 - 5
public/index.html
Прегледај датотеку 

@@ -1,15 +1,22 @@
 
 <!DOCTYPE html>
 
 <html lang="">
 
   <head>
 
-    <meta charset="utf-8">
 
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
+    <meta charset="utf-8" />
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
 
+    <meta http-equiv="pragma" content="no-cache" />
 
+    <meta http-equiv="Cache-Control" content="no-store, must-revalidate" />
 
+    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />
 
+    <meta http-equiv="expires" content="0" />
 
     <title><%= htmlWebpackPlugin.options.title %></title>
 
   </head>
 
   <body>
 
     <noscript>
 
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
 
+      <strong
 
+        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
 
+        properly without JavaScript enabled. Please enable it to
 
+        continue.</strong
 
+      >
 
     </noscript>
 
     <div id="app"></div>
 
     <!-- built files will be auto injected -->

BIN
src/assets/img/lightning.png
Прегледај датотеку


+ 32 - 17
src/components/bilateralBarChart.vue
Прегледај датотеку 

@@ -4,13 +4,13 @@
 
       <el-button v-if="tab === '0'" size="small" type="primary">
 
         收视率
 
       </el-button>
 
-      <el-button v-else size="small" @click="()=>change('0')">
 
+      <el-button v-else size="small" @click="() => change('0')">
 
         收视率
 
       </el-button>
 
       <el-button v-if="tab === '1'" size="small" type="primary">
 
         市占率
 
       </el-button>
 
-      <el-button v-else size="small" @click="()=>change('1')">
 
+      <el-button v-else size="small" @click="() => change('1')">
 
         市占率
 
       </el-button>
 
     </el-button-group>
 
@@ -19,7 +19,24 @@
 
 </template>
 
 
 <script>
 
-import * as echarts from "echarts";
 
+// import * as echarts from "echarts";
 
+
 
+import * as echarts from "echarts/core";
 
+import { BarChart } from "echarts/charts";
 
+import {
 
+  TitleComponent,
 
+  TooltipComponent,
 
+  GridComponent,
 
+} from "echarts/components";
 
+import { CanvasRenderer } from "echarts/renderers";
 
+echarts.use([
 
+  TitleComponent,
 
+  TooltipComponent,
 
+  GridComponent,
 
+  BarChart,
 
+  CanvasRenderer,
 
+]);
 
+
 
 export default {
 
   name: "bilateralBarChart",
 
   props: ["list", "keyName"],
 
@@ -34,19 +51,19 @@ export default {
 
       leftList: [],
 
       rightList: [],
 
       chart: undefined,
 
-      tab: "0"
 
+      tab: "0",
 
     };
 
   },
 
   filters: {},
 
   methods: {
 
-    change(type){
 
+    change(type) {
 
       this.tab = type;
 
-      if(!this.chart) return;
 
+      if (!this.chart) return;
 
       let source = this.formatte();
 
       this.chart.setOption({
 
         title: [
 
           {
 
-            text: this.tab === '0' ? "收视率" : "市占率",
 
+            text: this.tab === "0" ? "收视率" : "市占率",
 
             left: "center",
 
             textAlign: "center",
 
           },
 
@@ -56,7 +73,7 @@ export default {
 
             type: "category",
 
             gridIndex: 0,
 
             data: source[this.tab].texts.reverse(),
 
-          }
 
+          },
 
         ],
 
         series: [
 
           {
 
@@ -74,7 +91,7 @@ export default {
 
             },
 
           },
 
         ],
 
-      })
 
+      });
 
     },
 
     read(v) {
 
       if (isNaN(v)) return 0;
 
@@ -114,10 +131,10 @@ export default {
 
       this.chart.resize({
 
         height: (this.$refs.bilateralBarChart.offsetWidth * 9) / 16,
 
       });
 
-      var option = ({
 
+      var option = {
 
         title: [
 
           {
 
-            text: this.tab === '0' ? "收视率" : "市占率",
 
+            text: this.tab === "0" ? "收视率" : "市占率",
 
             left: "center",
 
             textAlign: "center",
 
           },
 
@@ -132,12 +149,10 @@ export default {
 
             type: "category",
 
             gridIndex: 0,
 
             data: source[this.tab].texts.reverse(),
 
-             interval:0
 
-          }
 
-        ],
 
-        xAxis: [
 
-          { gridIndex: 0, position: "top" },
 
+            interval: 0,
 
+          },
 
         ],
 
+        xAxis: [{ gridIndex: 0, position: "top" }],
 
         grid: { left: 150, top: "15%", buttom: 0, right: "10%" },
 
         series: [
 
           {
 
@@ -155,7 +170,7 @@ export default {
 
             },
 
           },
 
         ],
 
-      });
 
+      };
 
 
       option && this.chart.setOption(option);
 
     },

+ 24 - 3
src/components/inOut.vue
Прегледај датотеку 

@@ -61,7 +61,26 @@
 
 </template>
 
 
 <script>
 
-import * as echarts from "echarts";
 
+// import * as echarts from "echarts";
 
+
 
+import * as echarts from "echarts/core";
 
+import { LineChart } from "echarts/charts";
 
+import { LegendComponent, VisualMapComponent } from "echarts/components";
 
+import {
 
+  TitleComponent,
 
+  TooltipComponent,
 
+  GridComponent,
 
+} from "echarts/components";
 
+import { CanvasRenderer } from "echarts/renderers";
 
+echarts.use([
 
+  LegendComponent,
 
+  VisualMapComponent,
 
+  TitleComponent,
 
+  TooltipComponent,
 
+  GridComponent,
 
+  LineChart,
 
+  CanvasRenderer,
 
+]);
 
 
 let chart = undefined;
 
 export default {
 
@@ -169,11 +188,13 @@ export default {
 
 
       for (let i = 0; i < source.li.length; i++) {
 
         let n = baseNum + source.li[i] * 1;
 
-        console.log(source.val[baseNum], source.val[n])
 
         d.push({
 
           gte: baseNum,
 
           lt: n,
 
-          color: source.val[n]*10000 < source.val[baseNum]*10000 ? "#ba7dff" : "#fcc543",
 
+          color:
 
+            source.val[n] * 10000 < source.val[baseNum] * 10000
 
+              ? "#ba7dff"
 
+              : "#fcc543",
 
         });
 
         baseNum = n;
 
       }

+ 16 - 1
src/components/realLineChart.vue
Прегледај датотеку 

@@ -3,8 +3,23 @@
 
 </template>
 
 
 <script>
 
-import * as echarts from "echarts";
 
+// import * as echarts from "echarts";
 
 import config from "@/config/index";
 
+import * as echarts from "echarts/core";
 
+import { LineChart } from "echarts/charts";
 
+import {
 
+  TitleComponent,
 
+  TooltipComponent,
 
+  GridComponent,
 
+} from "echarts/components";
 
+import { CanvasRenderer } from "echarts/renderers";
 
+echarts.use([
 
+  TitleComponent,
 
+  TooltipComponent,
 
+  GridComponent,
 
+  LineChart,
 
+  CanvasRenderer,
 
+]);
 
 
 let chart = undefined;
 
 export default {

+ 16 - 1
src/components/trendLineChart.vue
Прегледај датотеку 

@@ -3,7 +3,22 @@
 
 </template>
 
 
 <script>
 
-import * as echarts from "echarts";
 
+// import * as echarts from "echarts";
 
+import * as echarts from "echarts/core";
 
+import { LineChart } from "echarts/charts";
 
+import {
 
+  TitleComponent,
 
+  TooltipComponent,
 
+  GridComponent,
 
+} from "echarts/components";
 
+import { CanvasRenderer } from "echarts/renderers";
 
+echarts.use([
 
+  TitleComponent,
 
+  TooltipComponent,
 
+  GridComponent,
 
+  LineChart,
 
+  CanvasRenderer,
 
+]);
 
 let chart = undefined;
 
 export default {
 
   name: "trendLineChart",

+ 1 - 0
src/views/Channel.vue
Прегледај датотеку 

@@ -111,6 +111,7 @@
 
         :header-cell-style="{ backgroundColor: '#f4f5f7', color: '#606266' }"
 
         style="width: 100%"
 
       >
 
+        <el-table-column type="index" />
 
         <el-table-column align="center" prop="tv_name" label="节目" />
 
         <el-table-column
 
           align="center"

+ 6 - 7
src/views/Program.vue
Прегледај датотеку 

@@ -154,6 +154,7 @@
 
             </div>
 
           </template>
 
         </el-table-column>
 
+        <el-table-column type="index" />
 
         <el-table-column align="center" prop="epg_name" label="节目" />
 
         <el-table-column align="center" prop="tv_name" label="频道" />
 
         <el-table-column
 
@@ -172,7 +173,7 @@
 
           <template #default="scope">
 
             <el-image
 
               style="width: 1em; height: 1em; vertical-align: middle;"
 
-              src="https://resources.kuyun.com/eye/lightning.png"
 
+              :src="require('../assets/img/lightning.png')"
 
               fit="fit"
 
               v-if="scope.row.heightlight === '是'"
 
             ></el-image>
 
@@ -241,7 +242,6 @@ export default {
 
       return config.cycle;
 
     },
 
     classification() {
 
-      console.log(config.classification);
 
       return config.classification;
 
     },
 
     channelList() {
 
@@ -284,7 +284,7 @@ export default {
 
         this.form.rangeTimeRange.length - 1
 
       ].split("_");
 
       e = e[e.length - 1];
 
-      if(e == '2400') e = '2359'
 
+      if (e == "2400") e = "2359";
 
       this.form.rangeTime = [
 
         new Date(1970, 1, 1, s[0] + s[1] - 0, s[2] + s[3] - 0),
 
         new Date(1970, 1, 1, e[0] + e[1] - 0, e[2] + e[3] - 0),
 
@@ -365,9 +365,9 @@ export default {
 
         start_min = start_min > 9 ? start_min + "" : "0" + start_min;
 
         end_hour = end_hour > 9 ? end_hour + "" : "0" + end_hour;
 
         end_min = end_min > 9 ? end_min + "" : "0" + end_min;
 
-        if(end_hour + end_min === '2359') {
 
-          end_hour = '24';
 
-          end_min = '00'
 
+        if (end_hour + end_min === "2359") {
 
+          end_hour = "24";
 
+          end_min = "00";
 
         }
 
         time = start_hour + start_min + "_" + end_hour + end_min;
 
       } else {
 
@@ -384,7 +384,6 @@ export default {
 
       };
 
     },
 
     classSelect(a) {
 
-      console.log(a, config.classification);
 
       this.selectAll(a, "classification", "0");
 
     },
 
     channelSelect(a) {

+ 1 - 0
src/views/RealData.vue
Прегледај датотеку 

@@ -81,6 +81,7 @@
 
             </div>
 
           </template>
 
         </el-table-column>
 
+        <el-table-column type="index" />
 
         <el-table-column align="center" prop="tv_name" label="频道" />
 
         <el-table-column align="center" prop="epg_name" label="节目" />
 
         <el-table-column