Bug/dave 402 show yaxis (#251)

* show y axis

* fix missing prop

* show y axis

* fix zeitreihe

Author: Der-Alex-K

frontend/src/components/messstelle/charts/SpeedDial.vue

@@ -73,7 +73,7 @@ interface Props {
   isListenausgabe: boolean;
   isNotHeatmap: boolean;
   loadingFile: boolean;
-  openPdfReportDialog: boolean;
+  openPdfReportDialog?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {

frontend/src/components/zaehlstelle/charts/StepLineChart.vue

@@ -132,6 +132,9 @@ const optionsDefault = computed(() => {
             return value.toLocaleString();
           },
         },
+        axisLine: {
+          show: true,
+        },
       },
       {
         type: "value",
@@ -144,6 +147,9 @@ const optionsDefault = computed(() => {
             return `${value.toLocaleString()} %`;
           },
         },
+        axisLine: {
+          show: true,
+        },
       },
     ],
     series: seriesEntriesChart.value,
@@ -214,6 +220,9 @@ const options2x4 = computed(() => {
             return value.toLocaleString();
           },
         },
+        axisLine: {
+          show: true,
+        },
       },
       {
         type: "value",
@@ -226,6 +235,9 @@ const options2x4 = computed(() => {
             return `${value.toLocaleString()} %`;
           },
         },
+        axisLine: {
+          show: true,
+        },
       },
       {
         name: "Fahrzeuge",
@@ -237,6 +249,9 @@ const options2x4 = computed(() => {
             return value.toLocaleString();
           },
         },
+        axisLine: {
+          show: true,
+        },
         gridIndex: 1,
       },
       {
@@ -250,6 +265,9 @@ const options2x4 = computed(() => {
             return `${value.toLocaleString()} %`;
           },
         },
+        axisLine: {
+          show: true,
+        },
         gridIndex: 1,
       },
     ],

frontend/src/components/zaehlstelle/charts/ZeitreiheChart.vue

@@ -136,7 +136,7 @@ const xAxis = computed(() => {
 });
 
 const options = computed(() => {
-  const options = {
+  return {
     tooltip: {
       trigger: "axis",
       formatter: function (params: any[]) {
@@ -244,39 +244,36 @@ const options = computed(() => {
             return value.toLocaleString();
           },
         },
+        axisLine: {
+          show: true,
+        },
+      },
+      {
+        type: "value",
+        name: "in Prozent",
+        show: showSecondYAxis.value,
+        min: 0,
+        max: yAxisMax.value,
+        interval: yAxisInterval.value,
+        axisLabel: {
+          formatter: function (value: number) {
+            return `${value.toLocaleString()}%`;
+          },
+        },
+        axisLine: {
+          show: true,
+        },
       },
-      // Zweite Achse wird ggf. weiter unten gesetzt
     ],
     series: seriesEntriesChart.value,
   };
-
-  if (secondYAxis.value) {
-    options.yAxis[1] = secondYAxis.value;
-  }
-
-  return options;
 });
 
-const secondYAxis = computed(() => {
-  if (
+const showSecondYAxis = computed(() => {
+  return (
     filterOptions.value.schwerverkehrsanteilProzent ||
     filterOptions.value.gueterverkehrsanteilProzent
-  ) {
-    return {
-      type: "value",
-      name: "in Prozent",
-      min: 0,
-      max: yAxisMax.value,
-      interval: yAxisInterval.value,
-      axisLabel: {
-        formatter: function (value: number) {
-          return `${value.toLocaleString()}%`;
-        },
-      },
-    };
-  } else {
-    return undefined;
-  }
+  );
 });
 
 /**