Added concentric donut charts and added an alliance breakdown
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
<script setup lang="ts">
|
||||
import DonutChart from "@/Components/FlightsGoneBy/Charts/ChartTypes/DonutChart.vue";
|
||||
import {FlightStats} from "@/Composables/useFlightStats";
|
||||
const props = defineProps<{
|
||||
flightStats: FlightStats
|
||||
}>()
|
||||
</script>
|
||||
<template>
|
||||
<DonutChart
|
||||
title="Alliances"
|
||||
:height="280"
|
||||
:labels="flightStats.alliances.value.labels"
|
||||
:series="flightStats.alliances.value.series"
|
||||
total-label="Alliances"
|
||||
center-mode="count"
|
||||
/>
|
||||
</template>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user