This commit is contained in:
duanxiaohai 2024-05-11 14:36:55 +08:00
parent 917ee15809
commit ac29d7b8f5
2 changed files with 13 additions and 11 deletions

View File

@ -40,6 +40,15 @@ const color = [
const option = { const option = {
color, color,
calculable: true, calculable: true,
legend: {
data: ["总救助金额", "总救助人数"],
top: "8%",
bottom: "9%",
textStyle: {
fontSize: 12,
color: "#ffffff", //
},
},
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
formatter: "{b0}<br/> {a1}:{c0}<br/>{a2}:{c1}", formatter: "{b0}<br/> {a1}:{c0}<br/>{a2}:{c1}",
@ -50,15 +59,6 @@ const option = {
}, },
}, },
}, },
legend: {
data: ["总救助金额", "总救助人数"],
top: "8%",
bottom: "9%",
textStyle: {
fontSize: 12,
color: "#ffffff", //
},
},
grid: { grid: {
left: "6%", left: "6%",
right: "9%", right: "9%",
@ -312,6 +312,8 @@ const option = {
// ] // ]
}; };
onMounted(() => { onMounted(() => {
var myChart = echarts.init(chart.value); var myChart = echarts.init(chart.value);
myChart.setOption(option); myChart.setOption(option);

View File

@ -127,13 +127,13 @@
<img src="@/assets/YLimg/ylimg2.png" alt="" /> <img src="@/assets/YLimg/ylimg2.png" alt="" />
<img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" /> <img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" />
</div> </div>
<div class="history1"> <!-- <div class="history1">
<div> <div>
<span>239<span class="unit"></span> </span> <span>239<span class="unit"></span> </span>
</div> </div>
<img src="@/assets/YLimg/ylimg3.png" alt="" /> <img src="@/assets/YLimg/ylimg3.png" alt="" />
<img class="historyimg" src="@/assets/YLimg/ylimg6.png" alt="" /> <img class="historyimg" src="@/assets/YLimg/ylimg6.png" alt="" />
</div> </div> -->
<div class="history1"> <div class="history1">
<div> <div>
<span>139<span class="unit"></span></span> <span>139<span class="unit"></span></span>