diff --git a/src/assets/images/topic/flow.png b/src/assets/images/topic/flow.png
new file mode 100644
index 0000000..7c71c01
Binary files /dev/null and b/src/assets/images/topic/flow.png differ
diff --git a/src/loveflow/components/echart/bar/five.vue b/src/loveflow/components/echart/bar/five.vue
new file mode 100644
index 0000000..4ac7220
--- /dev/null
+++ b/src/loveflow/components/echart/bar/five.vue
@@ -0,0 +1,215 @@
+
+
+
+
+
+
diff --git a/src/loveflow/components/echart/pie/dpieOne.vue b/src/loveflow/components/echart/pie/dpieOne.vue
new file mode 100644
index 0000000..c4dbca3
--- /dev/null
+++ b/src/loveflow/components/echart/pie/dpieOne.vue
@@ -0,0 +1,326 @@
+
+
+
+
+
+
{{ item.name }}
+
{{ item.value }}
+
+
+
+
+
+
+
diff --git a/src/loveflow/components/echart/pie/five.vue b/src/loveflow/components/echart/pie/five.vue
index b080a9f..5275626 100644
--- a/src/loveflow/components/echart/pie/five.vue
+++ b/src/loveflow/components/echart/pie/five.vue
@@ -72,12 +72,12 @@ export default {
legend: {
data: legend,
orient: "vertical",
- bottom: "6%",
- left: "20%",
+ bottom: "2%",
+ left: "10%",
icon: "diamond",
itemHeight: 8,
itemWidth: 8,
- itemGap: 16,
+ itemGap: 8,
padding: 2,
//backgroundColor: "rgba(108,128,151,0.2)",
textStyle: {
diff --git a/src/loveflow/components/echart/pie/four.vue b/src/loveflow/components/echart/pie/four.vue
index 27bdb86..204ca86 100644
--- a/src/loveflow/components/echart/pie/four.vue
+++ b/src/loveflow/components/echart/pie/four.vue
@@ -72,12 +72,12 @@ export default {
legend: {
data: legend,
orient: "vertical",
- bottom: "6%",
- left: "20%",
+ bottom: "2%",
+ left: "10%",
icon: "diamond",
itemHeight: 8,
itemWidth: 8,
- itemGap: 16,
+ itemGap: 8,
padding: 2,
//backgroundColor: "rgba(108,128,151,0.2)",
textStyle: {
diff --git a/src/loveflow/components/echart/pie/six.vue b/src/loveflow/components/echart/pie/six.vue
index bc83ae0..8ec04b7 100644
--- a/src/loveflow/components/echart/pie/six.vue
+++ b/src/loveflow/components/echart/pie/six.vue
@@ -43,8 +43,8 @@ export default {
color: "#E3FEFF",
},
textAlign: "center",
- left: "45%",
- bottom: "10",
+ left: "47%",
+ bottom: "20%",
},
color: this.chartObj.color,
graphic: {
@@ -67,7 +67,7 @@ export default {
// name: '访问来源1',
type: "pie",
radius: [30, 40],
- center: ["50%", "40%"],
+ center: ["center", 80],
data: [
{
value: 100, //对应显示的部分数据即100%
@@ -80,7 +80,10 @@ export default {
},
],
label: {
- show: true,
+ position: "center",
+ formatter: ((100 * point) / total).toFixed(0) + "%",
+ color: this.chartObj.color[0],
+ fontSize: 18,
},
labelLine: {
show: false,
@@ -92,7 +95,7 @@ export default {
showEmptyCircle: true, //是否在无数据的时候显示一个占位圆。
radius: [30, 40],
avoidLabelOverlap: true, // 标签重叠时进行调整
- center: ["50%", "40%"],
+ center: ["center", 80],
data: [
{
value: (point / total) * 100,
diff --git a/src/loveflow/components/menu/head.vue b/src/loveflow/components/menu/head.vue
index f65428f..eff1e48 100644
--- a/src/loveflow/components/menu/head.vue
+++ b/src/loveflow/components/menu/head.vue
@@ -168,11 +168,11 @@ export default {