|
|
@@ -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);
|
|
|
};
|
|
|
|
liyongli