diff --git a/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/DonutChart.vue b/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/DonutChart.vue index 94727f1..476ce19 100644 --- a/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/DonutChart.vue +++ b/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/DonutChart.vue @@ -18,6 +18,7 @@ const chartOptions = computed(() => ({ type: 'donut', background: 'transparent', fontFamily: 'inherit', + lazy: true, }, theme: { mode: 'dark' }, labels: props.labels, diff --git a/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/ScrollingHorizontalBarChart.vue b/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/ScrollingHorizontalBarChart.vue index b5d7361..eb94254 100644 --- a/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/ScrollingHorizontalBarChart.vue +++ b/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/ScrollingHorizontalBarChart.vue @@ -37,6 +37,7 @@ const chartOptions = computed(() => ({ toolbar: { show: false }, animations: { enabled: false }, stacked: true, + lazy: true, }, theme: { mode: 'dark' }, plotOptions: { diff --git a/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/VerticalBarChart.vue b/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/VerticalBarChart.vue index 9ca61ef..28bd21e 100644 --- a/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/VerticalBarChart.vue +++ b/resources/js/Components/FlightsGoneBy/Charts/ChartTypes/VerticalBarChart.vue @@ -20,6 +20,7 @@ const chartOptions = computed(() => ({ toolbar: { show: false }, background: 'transparent', fontFamily: 'inherit', + lazy: true, }, theme: { mode: 'dark' }, plotOptions: { diff --git a/resources/js/Components/FlightsGoneBy/FlightMapAndCharts.vue b/resources/js/Components/FlightsGoneBy/FlightMapAndCharts.vue index a9006e8..06dac56 100644 --- a/resources/js/Components/FlightsGoneBy/FlightMapAndCharts.vue +++ b/resources/js/Components/FlightsGoneBy/FlightMapAndCharts.vue @@ -27,7 +27,7 @@ const emit = defineEmits<{ const chartsVisible = ref(false) onMounted(async () => { - setTimeout(() => { chartsVisible.value = true }, 10) + setTimeout(() => { chartsVisible.value = true }, 1) }) const mappedFlights = computed(() => [ @@ -37,6 +37,7 @@ const mappedFlights = computed(() => [ diff --git a/resources/js/Pages/UserProfile.vue b/resources/js/Pages/UserProfile.vue index 8d16c51..6900a40 100644 --- a/resources/js/Pages/UserProfile.vue +++ b/resources/js/Pages/UserProfile.vue @@ -86,10 +86,10 @@ function switchView(view: ProfileView) { - - + +