|
|
|
@ -80,12 +80,12 @@ |
|
|
|
</div> --> |
|
|
|
<div class="box_20 flex-row"> |
|
|
|
<div class="text-wrapper_14 flex-col"> |
|
|
|
<span class="text_35" style="cursor: pointer;" @click="$router.push('/welcome')">首页</span> |
|
|
|
<span class="text_35" style="cursor: pointer;" @click="$router.push('/largeScreen')">首页</span> |
|
|
|
</div> |
|
|
|
<div class="block_1 flex-col"></div> |
|
|
|
<span class="text_36">智慧水利水工程应用</span> |
|
|
|
<div class="text-wrapper_15 flex-col"> |
|
|
|
<span class="text_37">工作平台</span> |
|
|
|
<span class="text_37" style="cursor: pointer;" @click="$router.push('/welcome')">工作平台</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -511,19 +511,19 @@ export default { |
|
|
|
grid: { |
|
|
|
top: "00%", // 控制图表上方的间距 |
|
|
|
bottom: "40%", // 控制图表下方的间距 |
|
|
|
left: "60%", // 控制图表左侧的间距 |
|
|
|
left: "30%", // 控制图表左侧的间距 |
|
|
|
right: "0%", // 控制图表右侧的间距 |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
orient: "vertical", // 图例竖向排列 |
|
|
|
left: 0, // 图例放置在图形右侧，右边距 10 |
|
|
|
right: 0, // 图例放置在图形右侧，右边距 10 |
|
|
|
top: "bottom", // 图例垂直居中 |
|
|
|
itemWidth: 20, // 图例项的宽度 |
|
|
|
itemHeight: 14, // 图例项的高度 |
|
|
|
icon: "circle", // 图例项的图标为圆形 |
|
|
|
padding: [0, 10, 0, 10], // 图例四周的内边距，防止与图形重叠 |
|
|
|
textStyle: { |
|
|
|
fontSize: 10, // 设置字体大小为12px |
|
|
|
fontSize: 8, // 设置字体大小为12px |
|
|
|
color: "#fff", // 设置字体颜色，默认为#333（深灰色） |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -531,8 +531,8 @@ export default { |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
type: "pie", |
|
|
|
radius: ["40%", "60%"], |
|
|
|
// center: ["30%", "50%"], |
|
|
|
radius: ["35%", "50%"], |
|
|
|
center: ["40%", "50%"], |
|
|
|
avoidLabelOverlap: true, |
|
|
|
padAngle: 5, |
|
|
|
itemStyle: { |
|
|
|
@ -540,7 +540,7 @@ export default { |
|
|
|
}, |
|
|
|
label: { |
|
|
|
alignTo: "edge", |
|
|
|
formatter: "{name|{b}}\n{time|{c} 小时}", |
|
|
|
formatter: "{name|{b}}\n{time|{c} 个}", |
|
|
|
minMargin: 5, |
|
|
|
edgeDistance: 10, |
|
|
|
lineHeight: 15, |
|
|
|
|
