diff --git a/src/assets/SvgIcons/上升箭头.svg b/src/assets/SvgIcons/上升箭头.svg new file mode 100644 index 0000000..343582c --- /dev/null +++ b/src/assets/SvgIcons/上升箭头.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/SvgIcons/下降箭头.svg b/src/assets/SvgIcons/下降箭头.svg new file mode 100644 index 0000000..99120a4 --- /dev/null +++ b/src/assets/SvgIcons/下降箭头.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/SvgIcons/持平.svg b/src/assets/SvgIcons/持平.svg new file mode 100644 index 0000000..9185a41 --- /dev/null +++ b/src/assets/SvgIcons/持平.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/components/workspace/CashManagement.vue b/src/components/workspace/CashManagement.vue index 2cf5a8c..eb377da 100644 --- a/src/components/workspace/CashManagement.vue +++ b/src/components/workspace/CashManagement.vue @@ -1,13 +1,30 @@ @@ -37,12 +54,16 @@ const renderChart = () => { } const option = { tooltip: {trigger: 'item'}, - legend: {bottom: 10}, + legend: { + bottom: 5, // 增加底部距离的 + left: 'center' + }, series: [ { type: 'pie', radius: ['40%', '70%'], - data: cashData.value.markets + data: cashData.value.markets, + center: ['60%', '45%'] //图表靠右一点 } ] } @@ -55,6 +76,21 @@ onMounted(() => { diff --git a/src/components/workspace/GoldGraph.vue b/src/components/workspace/GoldGraph.vue index ee8cde4..d83a520 100644 --- a/src/components/workspace/GoldGraph.vue +++ b/src/components/workspace/GoldGraph.vue @@ -1,6 +1,6 @@