提交

src/views/Portrait/Index.vue

@@ -41,14 +41,14 @@
       <br />
       <el-card>
         <template #header>
-          <span>用户标签分布</span>
+          <span>改成用户属性标签分布</span>
         </template>
         <div ref="tag"></div>
       </el-card>
       <br />
       <el-card>
         <template #header>
-          <span>陕西省内用户分布</span>
+          <span>陕西省内用户占比</span>
         </template>
 
         <el-row :gutter="20">
@@ -58,7 +58,7 @@
           <el-col :span="12">
             <el-table :data="tableProData" style="width: 100%">
               <el-table-column prop="category" label="地名" />
-              <el-table-column center prop="ct" label="访问人数" />
+              <el-table-column center prop="percent" label="访问人数占比(%)" />
             </el-table>
           </el-col>
         </el-row>
@@ -87,7 +87,7 @@
         <el-col :span="12">
           <el-card>
             <template #header>
-              <span>起点号用户访问排行</span>
+              <span>起点号排行</span>
             </template>
             <div ref="publisher"></div>
           </el-card>
@@ -95,7 +95,7 @@
         <el-col :span="12">
           <el-card>
             <template #header>
-              <span>重点节目用户访问排行</span>
+              <span>精品栏目排行</span>
             </template>
             <div ref="program"></div>
           </el-card>
@@ -234,15 +234,13 @@ const createCity = (list = []) => {
     values = [];
   for (let i = 0; i < list.length; i++) {
     const v = list[i];
-    if (v.ct > max) max = v.ct;
-    if (v.ct < min) min = v.ct;
+    if (v.percent > max) max = v.percent;
+    if (v.percent < min) min = v.percent;
     values.push({
       name: v.category,
-      value: v.ct
-      //   distribution: ((v.ct / t) * 100).toFixed(2) - 0 + '%'
+      value: v.percent
     });
   }
-
   const p = {
     ...config.cityOption
   };
@@ -250,10 +248,11 @@ const createCity = (list = []) => {
   p.visualMap.max = max;
   p.tooltip.formatter = data => {
     if (isNaN(data.value)) return '';
-    return `${data.name}<br/>${numform(data.value)}`;
+    return `${data.name}<br/>${numform(data.value)}%`;
   };
   p.visualMap.text = [max, min];
   p.series[0].data = values;
+  console.log(p)
   cityChart = createChart(city.value, city.value.offsetWidth, p, cityChart);
 };
 

src/views/Portrait/config.js

@@ -233,9 +233,8 @@ export default {
   cityOption: {
     color,
     tooltip: {
-      confine: true,
+      confine: false,
       trigger: 'item',
-      formatter: '{b} {c}'
     },
     visualMap: {
       min: 0,