|
@@ -19,24 +19,26 @@ onMounted(async () => {
|
|
|
|
|
|
const option = {
|
|
|
grid: {
|
|
|
- left: "5%",
|
|
|
- right: "5%",
|
|
|
- top: "5%",
|
|
|
- bottom: "5%",
|
|
|
+ left: "10%",
|
|
|
+ right: "10%",
|
|
|
+ top: "10%",
|
|
|
+ bottom: "10%",
|
|
|
},
|
|
|
color: allChartColors,
|
|
|
backgroundColor: "transparent",
|
|
|
xAxis: {
|
|
|
type: "category",
|
|
|
data: res?.data?.map((item: any) => item.stationName),
|
|
|
+
|
|
|
axisLabel: {
|
|
|
- fontSize: bigScreenData.value.fontSize * 1.5,
|
|
|
+ // fontSize: bigScreenData.value.fontSize * 1.5,
|
|
|
+ rotate: -0,
|
|
|
},
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: "value",
|
|
|
axisLabel: {
|
|
|
- fontSize: bigScreenData.value.fontSize * 2,
|
|
|
+ fontSize: bigScreenData.value.fontSize * 1,
|
|
|
},
|
|
|
},
|
|
|
series: [
|
|
@@ -61,6 +63,5 @@ const props = defineProps({
|
|
|
.charts-container {
|
|
|
width: 100%;
|
|
|
height: calc(100% - 32px);
|
|
|
- border: 1px solid red;
|
|
|
}
|
|
|
</style>
|