diff --git a/aas-web-ui/package.json b/aas-web-ui/package.json index fa8e87d..0b77d8d 100644 --- a/aas-web-ui/package.json +++ b/aas-web-ui/package.json @@ -27,7 +27,7 @@ "uuid": "^10.0.0", "vue": "^3.5.5", "vue-router": "^4.4.3", - "vue3-apexcharts": "^1.5.3", + "vue3-apexcharts": "^1.6.0", "vuetify": "^3.7.1", "webfontloader": "^1.0.0" }, diff --git a/aas-web-ui/src/components/Widgets/LineChart.vue b/aas-web-ui/src/components/Widgets/LineChart.vue index 05f9fcd..cfb0722 100644 --- a/aas-web-ui/src/components/Widgets/LineChart.vue +++ b/aas-web-ui/src/components/Widgets/LineChart.vue @@ -61,12 +61,7 @@ data() { return { - chartSeries: [ - { - name: 'Value', - data: [], - }, - ] as Array, + chartSeries: [] as Array, chartOptions: { chart: { id: 'line', @@ -74,9 +69,13 @@ height: 350, background: '#ffffff00', }, + dataLabels: { + enabled: false, + }, xaxis: { type: 'datetime', range: 60000, + tickAmount: 10, labels: { datetimeFormatter: { year: 'yyyy', @@ -98,7 +97,7 @@ grid: { xaxis: { lines: { - show: true, + show: false, }, }, }, diff --git a/aas-web-ui/yarn.lock b/aas-web-ui/yarn.lock index b1af7a3..6f11160 100644 --- a/aas-web-ui/yarn.lock +++ b/aas-web-ui/yarn.lock @@ -2400,10 +2400,10 @@ vue-tsc@^2.1.4: "@vue/language-core" "2.1.4" semver "^7.5.4" -vue3-apexcharts@^1.5.3: - version "1.5.3" - resolved "https://registry.yarnpkg.com/vue3-apexcharts/-/vue3-apexcharts-1.5.3.tgz#45f685a2dd21058c0d76ab2145eb3ec27d8fb14c" - integrity sha512-yaHTPoj0iVKAtEVg8wEwIwwvf0VG+lPYNufCf3txRzYQOqdKPoZaZ9P3Dj3X+2A1XY9O1kcTk9HVqvLo+rppvQ== +vue3-apexcharts@^1.6.0: + version "1.6.0" + resolved "https://registry.yarnpkg.com/vue3-apexcharts/-/vue3-apexcharts-1.6.0.tgz#2ea6eb9acdd3c31cff790b67d6c2bf1b38cc09f6" + integrity sha512-gemKFXpw4TuVcllwyKJGYjTwiJQxxCUwbXsiiEEZjs0zc9jvOHvreN8frXz7QbnYqMqOHF9D1TBqwENvoPNjLw== vue@^3.2.25, vue@^3.5.5: version "3.5.5"