diff --git a/dashboard/components/AdvancedStackedBarChart.vue b/dashboard/components/AdvancedStackedBarChart.vue index 2b30a9c..c104864 100644 --- a/dashboard/components/AdvancedStackedBarChart.vue +++ b/dashboard/components/AdvancedStackedBarChart.vue @@ -67,7 +67,7 @@ const chartData = ref>({ label: e.label || '?', backgroundColor: [e.color], borderWidth: 0, - borderRadius: 8 + borderRadius: 0 } }) }); diff --git a/dashboard/components/dashboard/EventsChart.vue b/dashboard/components/dashboard/EventsChart.vue index c34f3e3..e742429 100644 --- a/dashboard/components/dashboard/EventsChart.vue +++ b/dashboard/components/dashboard/EventsChart.vue @@ -46,7 +46,28 @@ const chartData = ref>({ { rotation: 1, data: [], - backgroundColor: ['#6bbbe3', '#5655d0', '#a6d5cb', '#fae0b9'], + backgroundColor: [ + "#5655d0", + "#6bbbe3", + "#a6d5cb", + "#fae0b9", + "#f28e8e", + "#e3a7e4", + "#c4a8e1", + "#8cc1d8", + "#f9c2cd", + "#b4e3b2", + "#ffdfba", + "#e9c3b5", + "#d5b8d6", + "#add7f6", + "#ffd1dc", + "#ffe7a1", + "#a8e6cf", + "#d4a5a5", + "#f3d6e4", + "#c3aed6" + ], borderColor: ['#1d1d1f'], borderWidth: 2 }, @@ -87,7 +108,7 @@ const headers = computed(() => { }); const eventsData = useFetch(`/api/metrics/${activeProject.value?._id}/data/events`, { - method: 'POST', headers, lazy: true, immediate: false,transform:transformResponse + method: 'POST', headers, lazy: true, immediate: false, transform: transformResponse }); onMounted(() => { diff --git a/dashboard/components/events/EventsStackedBarChart.vue b/dashboard/components/events/EventsStackedBarChart.vue index 277ff93..768ed5e 100644 --- a/dashboard/components/events/EventsStackedBarChart.vue +++ b/dashboard/components/events/EventsStackedBarChart.vue @@ -30,7 +30,29 @@ function transformResponse(input: { _id: string, name: string, count: number }[] }); const parsedDatasets: any[] = []; - const colors = ['#5655d0', '#6bbbe3', '#a6d5cb', '#fae0b9']; + + const colors = [ + "#5655d0", + "#6bbbe3", + "#a6d5cb", + "#fae0b9", + "#f28e8e", + "#e3a7e4", + "#c4a8e1", + "#8cc1d8", + "#f9c2cd", + "#b4e3b2", + "#ffdfba", + "#e9c3b5", + "#d5b8d6", + "#add7f6", + "#ffd1dc", + "#ffe7a1", + "#a8e6cf", + "#d4a5a5", + "#f3d6e4", + "#c3aed6" + ]; for (let i = 0; i < fixed.allKeys.length; i++) { const line: any = { diff --git a/dashboard/components/settings/billing.vue b/dashboard/components/settings/billing.vue index 7f43c4e..d3f72c8 100644 --- a/dashboard/components/settings/billing.vue +++ b/dashboard/components/settings/billing.vue @@ -1,6 +1,7 @@