From a695f6d516e525205a097d38b66a774b2dbe47b9 Mon Sep 17 00:00:00 2001 From: Mike Cao Date: Mon, 1 Apr 2024 21:33:04 -0700 Subject: [PATCH] Fixed legend not updating correctly. --- src/components/charts/Chart.tsx | 5 +++-- src/components/metrics/PageviewsChart.tsx | 2 +- src/tracker/index.js | 2 +- 3 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/charts/Chart.tsx b/src/components/charts/Chart.tsx index 2ec40d07..993618c2 100644 --- a/src/components/charts/Chart.tsx +++ b/src/components/charts/Chart.tsx @@ -81,6 +81,7 @@ export function Chart({ const updateChart = (data: any) => { chart.current.data.datasets.forEach((dataset: { data: any }, index: string | number) => { dataset.data = data?.datasets[index]?.data; + chart.current.legend.legendItems[index].text = data?.datasets[index].label; }); chart.current.options = options; @@ -88,9 +89,9 @@ export function Chart({ // Allow config changes before update onUpdate?.(chart.current); - chart.current.update(updateMode); - setLegendItems(chart.current.legend.legendItems); + + chart.current.update(updateMode); }; useEffect(() => { diff --git a/src/components/metrics/PageviewsChart.tsx b/src/components/metrics/PageviewsChart.tsx index ea9720fd..347bf155 100644 --- a/src/components/metrics/PageviewsChart.tsx +++ b/src/components/metrics/PageviewsChart.tsx @@ -38,7 +38,7 @@ export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsCha }, ], }; - }, [data]); + }, [data, locale]); return (