diff --git a/GUI/src/components/MetricsCharts/index.tsx b/GUI/src/components/MetricsCharts/index.tsx
index 010bba1c..33d2259f 100644
--- a/GUI/src/components/MetricsCharts/index.tsx
+++ b/GUI/src/components/MetricsCharts/index.tsx
@@ -20,9 +20,15 @@ type Props = {
   endDate: string;
   unit?: string;
   groupByPeriod: GroupByPeriod;
+  filterEmpty?: boolean;
 };
 
-const MetricsCharts = ({ title, data, startDate, endDate, unit, groupByPeriod }: Props) => {
+type DataItem = {
+  dateTime: number;
+  [key: string]: number;
+};
+
+const MetricsCharts = ({ title, data, startDate, endDate, unit, groupByPeriod, filterEmpty }: Props) => {
   const { t } = useTranslation();
 
   const charts: ChartType[] = [
@@ -41,7 +47,19 @@ const MetricsCharts = ({ title, data, startDate, endDate, unit, groupByPeriod }:
   ];
   const [selectedChart, setSelectedChart] = useState<string>('barChart');
 
+  const filterChartsData = () => {
+    return data.chartData.map((obj : DataItem) => {
+      return Object.fromEntries(
+          Object.entries(obj).filter(([key, value]) => key === "dateTime" || value !== 0)
+      );
+    });
+  }
+
   const buildChart = () => {
+    if(filterEmpty) {
+      data.chartData = filterChartsData();
+    }
+
     if (selectedChart === 'pieChart') {
       return (
         <PieGraph
diff --git a/GUI/src/pages/FeedbackPage.tsx b/GUI/src/pages/FeedbackPage.tsx
index 650baa18..bbe13897 100644
--- a/GUI/src/pages/FeedbackPage.tsx
+++ b/GUI/src/pages/FeedbackPage.tsx
@@ -466,6 +466,7 @@ const FeedbackPage: React.FC = () => {
       {currentConfigs?.metric != 'negative_feedback' && (
         <MetricsCharts
           title={currentMetric}
+          filterEmpty={true}
           data={chartData}
           startDate={currentConfigs?.start ?? formatDate(new Date(), 'yyyy-MM-dd')}
           endDate={currentConfigs?.end ?? formatDate(new Date(), 'yyyy-MM-dd')}