diff --git a/module/chart/css/preview.ui.css b/module/chart/css/preview.ui.css
index 84cdcbe9cb..e69de29bb2 100644
--- a/module/chart/css/preview.ui.css
+++ b/module/chart/css/preview.ui.css
@@ -1,9 +0,0 @@
-.panel-title {margin-bottom: 12px;}
-.empty-tip {height: 100%; min-height: 200px; align-items: center; display: flex; justify-content: center;}
-.echart-content {min-height: 400px; width: 100%;}
-
-.filterBox {display: flex;}
-.filter-item {flex: 0 0 30%; box-sizing: border-box; display: flex; margin-right: 5px; margin-bottom: 5px;}
-.filter-item > label {justify-content: flex-start !important; width: 100px !important;}
-.left-section {flex: 0 0 100%; display: flex; flex-wrap: wrap;}
-.right-section {flex: 0 0 0%; display: flex; justify-content: center; align-items: center;}
diff --git a/module/chart/js/preview.ui.js b/module/chart/js/preview.ui.js
index 4a92dd7d8f..fa6566bee2 100644
--- a/module/chart/js/preview.ui.js
+++ b/module/chart/js/preview.ui.js
@@ -57,7 +57,14 @@ loadChart = function(chartID)
         else if($filter.hasClass('filter-select'))
         {
             const value = $filter.find('.pick-value').val();
-            form.append('filterValues[' + index + ']', typeof value == 'array' ? value.filter(Boolean) : value);
+            if(Array.isArray(value))
+            {
+                value.filter(Boolean).forEach((item) => form.append('filterValues[' + index + '][]', item));
+            }
+            else
+            {
+                form.append('filterValues[' + index + ']', value);
+            }
         }
         else if($filter.hasClass('filter-date') || $filter.hasClass('filter-datetime'))
         {