remove inline css

powerhome · Dec 9, 2024 · 443fc42 · 443fc42
1 parent f8de89a
commit 443fc42
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/playbook/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx b/playbook/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx
@@ -23,20 +23,21 @@ const barGraphOptions = {
     legend: {
       itemMarginTop: 62,
     },
+    xAxisCategories: ['Angry', 'Frown', 'Meh', 'Smile', 'Laugh'],
     labels: {
       useHTML: true,
       formatter: function () {
         switch (this.value) {
           case 'Angry':
-            return '<i style="color: red; font-size: 18px;" class="far fa-face-angry"></i>'
+            return '<i style="color: red;" class="far fa-face-angry"></i>'
           case 'Frown':
-            return '<i style="color: orange; font-size: 18px;" class="far fa-face-frown"></i>'
+            return '<i style="color: orange;" class="far fa-face-frown"></i>'
           case 'Meh':
-            return '<i style="color: grey; font-size: 18px;" class="far fa-face-meh"></i>'
+            return '<i style="color: grey;" class="far fa-face-meh"></i>'
           case 'Smile':
-            return '<i style="color: #63E6BE; font-size: 18px;" class="far fa-face-smile"></i>'
+            return '<i style="color: #63E6BE;" class="far fa-face-smile"></i>'
           case 'Laugh':
-            return '<i style="color: green; font-size: 18px;" class="far fa-laugh-beam sucess"></i>'
+            return '<i style="color: green;" class="far fa-laugh-beam sucess"></i>'
           default:
             return ''
         }