Fix chromatic rendering

Author: gabro

Diff for: packages/storybook/stories/Components/Charts/BarChart.stories.tsx

@@ -1,11 +1,17 @@
 import { BarChart } from "../..";
 import { createComponentStories } from "../../util";
+import isChromatic from "chromatic/isChromatic";
 
 const { defaultExport, createStory } = createComponentStories({
   component: BarChart,
   args: {
     height: 300,
     categories: ["uv", "pv", "amt"],
+    hideXAxis: false,
+    hideYAxis: false,
+    hideLegend: false,
+    hideTooltip: false,
+    disableAnimation: isChromatic(),
     data: [
       {
         name: "Page A",

Diff for: packages/storybook/stories/Components/Charts/DonutChart.stories.tsx

@@ -1,15 +1,16 @@
 import { DonutChart } from "../..";
 import { createComponentStories } from "../../util";
+import isChromatic from "chromatic/isChromatic";
 
 const { defaultExport, createStory } = createComponentStories({
   component: DonutChart,
   args: {
     height: 300,
     dataKey: "name",
     category: "value",
-    showLegend: true,
-    showTooltip: true,
-    showAnimation: true,
+    hideLegend: false,
+    hideTooltip: false,
+    disableAnimation: isChromatic(),
     data: [
       {
         name: "Group A",

Diff for: packages/storybook/stories/Components/Charts/LineChart.stories.tsx

@@ -1,11 +1,17 @@
 import { LineChart } from "../..";
 import { createComponentStories } from "../../util";
+import isChromatic from "chromatic/isChromatic";
 
 const { defaultExport, createStory } = createComponentStories({
   component: LineChart,
   args: {
     height: 300,
     categories: ["uv", "pv", "amt"],
+    hideXAxis: false,
+    hideYAxis: false,
+    hideLegend: false,
+    hideTooltip: false,
+    disableAnimation: isChromatic(),
     data: [
       {
         name: "Page A",