diff --git a/apps/web-antd/src/assets/222.jpg b/apps/web-antd/src/assets/222.jpg new file mode 100644 index 00000000..ec753913 Binary files /dev/null and b/apps/web-antd/src/assets/222.jpg differ diff --git a/apps/web-antd/src/assets/222.png b/apps/web-antd/src/assets/222.png new file mode 100644 index 00000000..64e16b18 Binary files /dev/null and b/apps/web-antd/src/assets/222.png differ diff --git a/apps/web-antd/src/views/screen/property/index.vue b/apps/web-antd/src/views/screen/property/index.vue index 2caa5bcb..eb4aa5fa 100644 --- a/apps/web-antd/src/views/screen/property/index.vue +++ b/apps/web-antd/src/views/screen/property/index.vue @@ -168,14 +168,19 @@ const updateTime = () => { const initBarChart = () => { if (!barChart.value) return - const chart = echarts.init(barChart.value) - const option = getThreeDBarOption({ - xData: ['A区', 'B区', 'C区', 'D区'], - yData: [320, 452, 688, 400] - }) - chart.setOption(option) - barChartInstance = chart - addChartToResizeManager(chart) + const myChart = echarts.init(barChart.value); + myChart.setOption({ + tooltip: {}, + xAxis: { data: ['A', 'B', 'C', 'D'] }, + yAxis: {}, + series: [ + { + name: '销量', + type: 'bar', + data: [5, 20, 36, 10, 10, 20], + }, + ], + }); } // 初始化电力图表 @@ -601,6 +606,9 @@ onBeforeUnmount(() => { min-height: unset; margin: 0 auto; } + .bar-chart{ + + } } .second{ height: 12rem;