xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-04-16 10:26:59 +08:00
parent 383233128a
commit 7f3783b311
4 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/right_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

2
src/view/echarts/ylJHSY.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div ref="chart" style="width: 100%; height: calc(100% - 68px);min-height:250px;"></div> <div ref="chart" style="width: 100%; height: calc(100% - 56px);min-height:250px;"></div>
</template> </template>
<script setup> <script setup>

20
src/view/echarts/ylXZZC.vue
View File

@ -1,5 +1,8 @@
<template> <template>
<div ref="chart" style="width: 490px; height: calc(100% - 38px);min-height:150px;"></div> <div
ref="chart"
style="width: 490px; height: calc(100% - 46px); min-height: 150px"
></div>
</template> </template>
<script setup> <script setup>
@ -10,12 +13,12 @@ import * as echarts from "echarts";
const chart = ref(null); // 创建DOM引用 const chart = ref(null); // 创建DOM引用
const data = ["大街乡", "社阳乡", "沐尘畲族乡", "庙下乡", "溪口镇", "罗家乡"]; const data = ["大街乡", "社阳乡", "沐尘畲族乡", "庙下乡", "溪口镇", "罗家乡"];
let zoomShow = false; let zoomShow = true;
if (data.length > 7) { // if (data.length > 7) {
zoomShow = true; // zoomShow = true;
} else { // } else {
zoomShow = false; // zoomShow = false;
} // }
let option = { let option = {
tooltip: { tooltip: {
@ -98,6 +101,7 @@ let option = {
yAxis: { yAxis: {
type: "category", type: "category",
data: data, data: data,
// max:10,
splitLine: { splitLine: {
//分割线配置 //分割线配置
show: false, show: false,
@ -127,6 +131,8 @@ let option = {
type: "bar", type: "bar",
data: [2, 4, 7, 23, 25, 250], data: [2, 4, 7, 23, 25, 250],
barWidth: 15, //柱宽 barWidth: 15, //柱宽
barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/,
// barCategoryGap: "10" /*多个并排柱子设置柱子之间的间距*/,
itemStyle: { itemStyle: {
// barBorderRadius: [0, 20, 20, 0], // barBorderRadius: [0, 20, 20, 0],
// color: new this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [ // color在这里 // color: new this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [ // color在这里

7
src/view/yl.vue
View File

@ -114,9 +114,7 @@
</div> </div>
<div class="displayFlex center_bg"> <div class="displayFlex center_bg">
<div class="flex1"> <div class="flex1">
<div class="yd_title mechanism"> <div class="yd_title mechanism"></div>
<!-- <span class="text">养老机构</span> -->
</div>
<div class="history"> <div class="history">
<div class="history1"> <div class="history1">
<div> <div>
@ -166,9 +164,8 @@
src="@/assets/YLimg/ylimg7.png" src="@/assets/YLimg/ylimg7.png"
alt="" alt=""
/> />
<!-- <ePie2 ></ePie2> -->
<ylXZZC></ylXZZC>
</div> </div>
<ylXZZC></ylXZZC>
</div> </div>
</div> </div>
</div> </div>