Merge pull request #47 from kaseyvee/o-main

docs(rechartsTimeSeries): update prop descriptions

Author: Shiti

src/components/chart/rechartsTimeSeries.stories.tsx

@@ -9,7 +9,11 @@ export default {
     timeSeries: {
       control: 'array',
       description:
-        'Data to be displayed in the time series chart. The first field is used as the x-axis field. We currently support formatting timestamps in seconds and milliseconds. Other data types will be displayed as given. \n<pre>```interface TimeSeriesData:{\n  timestamp: number\n  [key: string]: number\n}```</pre>',
+        'Data to be displayed in the time series chart. The first field is used as the x-axis field. We currently support formatting timestamps in seconds and milliseconds. Other data types will be displayed as given. \n<pre>```interface TimeSeriesData {\n  timestamp: number\n  [key: string]: number\n}```</pre>',
+    },
+    chartContainerMargin: {
+      description:
+        'Margin of chart container in pixel. For example, adding left margin could show larger numbers properly.\n<pre>```interface Margin {\n  top?: number\n  right?: number\n  bottom?: number\n  left?: number\n}```</pre>',
     },
   },
   parameters: {

src/components/chart/rechartsTimeSeries.tsx

@@ -74,7 +74,7 @@ export interface RechartsTimeSeriesProps {
   width?: number
   /** Chart type toggle will be hidden if the value is true. */
   disableChartTypeToggle?: boolean
-  /** Define the default chart type: 'line', 'bar', or 'area'. */
+  /** Define the default chart type: `line`, `bar`, or `area`. */
   defaultChartType?: TimeSeriesType
   /** Pass a function to format y-axis label. Make sure to use tooltipFormatter and yAxisTickFormatter together so that the numbers are uniform. */
   yAxisTickFormatter?: (value: number) => string