{
  "props": {
    "series": {
      "type": { "name": "arrayOf", "description": "Array&lt;object&gt;" },
      "required": true
    },
    "axisHighlight": {
      "type": {
        "name": "shape",
        "description": "{ x?: 'band'<br>&#124;&nbsp;'line'<br>&#124;&nbsp;'none', y?: 'band'<br>&#124;&nbsp;'line'<br>&#124;&nbsp;'none' }"
      },
      "default": "{ x: 'line' }",
      "seeMoreLink": {
        "url": "https://mui.com/x/react-charts/highlighting/",
        "text": "highlighting docs"
      }
    },
    "bottomAxis": {
      "type": { "name": "union", "description": "object<br>&#124;&nbsp;string" },
      "default": "xAxisIds[0] The id of the first provided axis"
    },
    "colors": {
      "type": { "name": "union", "description": "Array&lt;string&gt;<br>&#124;&nbsp;func" },
      "default": "blueberryTwilightPalette"
    },
    "dataset": { "type": { "name": "arrayOf", "description": "Array&lt;object&gt;" } },
    "disableAxisListener": { "type": { "name": "bool" }, "default": "false" },
    "disableLineItemHighlight": { "type": { "name": "bool" } },
    "experimentalMarkRendering": { "type": { "name": "bool" } },
    "grid": {
      "type": { "name": "shape", "description": "{ horizontal?: bool, vertical?: bool }" }
    },
    "height": { "type": { "name": "number" } },
    "hideLegend": { "type": { "name": "bool" } },
    "highlightedItem": {
      "type": {
        "name": "shape",
        "description": "{ dataIndex?: number, seriesId?: number<br>&#124;&nbsp;string }"
      }
    },
    "leftAxis": {
      "type": { "name": "union", "description": "object<br>&#124;&nbsp;string" },
      "default": "yAxisIds[0] The id of the first provided axis"
    },
    "loading": { "type": { "name": "bool" }, "default": "false" },
    "margin": {
      "type": {
        "name": "shape",
        "description": "{ bottom?: number, left?: number, right?: number, top?: number }"
      },
      "default": "object Depends on the charts type."
    },
    "onAreaClick": { "type": { "name": "func" } },
    "onAxisClick": {
      "type": { "name": "func" },
      "signature": {
        "type": "function(event: MouseEvent, data: null | AxisData) => void",
        "describedArgs": ["event", "data"]
      }
    },
    "onHighlightChange": {
      "type": { "name": "func" },
      "signature": {
        "type": "function(highlightedItem: HighlightItemData | null) => void",
        "describedArgs": ["highlightedItem"]
      }
    },
    "onLineClick": { "type": { "name": "func" } },
    "onMarkClick": { "type": { "name": "func" } },
    "rightAxis": {
      "type": { "name": "union", "description": "object<br>&#124;&nbsp;string" },
      "default": "null"
    },
    "skipAnimation": { "type": { "name": "bool" }, "default": "false" },
    "slotProps": { "type": { "name": "object" }, "default": "{}" },
    "slots": {
      "type": { "name": "object" },
      "default": "{}",
      "additionalInfo": { "slotsApi": true }
    },
    "topAxis": {
      "type": { "name": "union", "description": "object<br>&#124;&nbsp;string" },
      "default": "null"
    },
    "width": { "type": { "name": "number" } },
    "xAxis": {
      "type": {
        "name": "arrayOf",
        "description": "Array&lt;{ classes?: object, colorMap?: { colors: Array&lt;string&gt;, type: 'ordinal', unknownColor?: string, values?: Array&lt;Date<br>&#124;&nbsp;number<br>&#124;&nbsp;string&gt; }<br>&#124;&nbsp;{ color: Array&lt;string&gt;<br>&#124;&nbsp;func, max?: Date<br>&#124;&nbsp;number, min?: Date<br>&#124;&nbsp;number, type: 'continuous' }<br>&#124;&nbsp;{ colors: Array&lt;string&gt;, thresholds: Array&lt;Date<br>&#124;&nbsp;number&gt;, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>&#124;&nbsp;'strict'<br>&#124;&nbsp;func, fill?: string, hideTooltip?: bool, id?: number<br>&#124;&nbsp;string, label?: string, labelFontSize?: number, labelStyle?: object, max?: Date<br>&#124;&nbsp;number, min?: Date<br>&#124;&nbsp;number, position?: 'bottom'<br>&#124;&nbsp;'top', reverse?: bool, scaleType?: 'band'<br>&#124;&nbsp;'linear'<br>&#124;&nbsp;'log'<br>&#124;&nbsp;'point'<br>&#124;&nbsp;'pow'<br>&#124;&nbsp;'sqrt'<br>&#124;&nbsp;'time'<br>&#124;&nbsp;'utc', slotProps?: object, slots?: object, stroke?: string, sx?: Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;array<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelPlacement?: 'middle'<br>&#124;&nbsp;'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>&#124;&nbsp;'extremities'<br>&#124;&nbsp;'middle'<br>&#124;&nbsp;'start', tickSize?: number, valueFormatter?: func }&gt;"
      }
    },
    "yAxis": {
      "type": {
        "name": "arrayOf",
        "description": "Array&lt;{ classes?: object, colorMap?: { colors: Array&lt;string&gt;, type: 'ordinal', unknownColor?: string, values?: Array&lt;Date<br>&#124;&nbsp;number<br>&#124;&nbsp;string&gt; }<br>&#124;&nbsp;{ color: Array&lt;string&gt;<br>&#124;&nbsp;func, max?: Date<br>&#124;&nbsp;number, min?: Date<br>&#124;&nbsp;number, type: 'continuous' }<br>&#124;&nbsp;{ colors: Array&lt;string&gt;, thresholds: Array&lt;Date<br>&#124;&nbsp;number&gt;, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>&#124;&nbsp;'strict'<br>&#124;&nbsp;func, fill?: string, hideTooltip?: bool, id?: number<br>&#124;&nbsp;string, label?: string, labelFontSize?: number, labelStyle?: object, max?: Date<br>&#124;&nbsp;number, min?: Date<br>&#124;&nbsp;number, position?: 'left'<br>&#124;&nbsp;'right', reverse?: bool, scaleType?: 'band'<br>&#124;&nbsp;'linear'<br>&#124;&nbsp;'log'<br>&#124;&nbsp;'point'<br>&#124;&nbsp;'pow'<br>&#124;&nbsp;'sqrt'<br>&#124;&nbsp;'time'<br>&#124;&nbsp;'utc', slotProps?: object, slots?: object, stroke?: string, sx?: Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;array<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelPlacement?: 'middle'<br>&#124;&nbsp;'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>&#124;&nbsp;'extremities'<br>&#124;&nbsp;'middle'<br>&#124;&nbsp;'start', tickSize?: number, valueFormatter?: func }&gt;"
      }
    }
  },
  "name": "LineChart",
  "imports": [
    "import { LineChart } from '@mui/x-charts/LineChart';",
    "import { LineChart } from '@mui/x-charts';",
    "import { LineChart } from '@mui/x-charts-pro';"
  ],
  "slots": [
    {
      "name": "area",
      "description": "The component that renders the area.",
      "default": "AnimatedArea",
      "class": null
    },
    {
      "name": "axisLabel",
      "description": "Custom component for axis label.",
      "default": "ChartsText",
      "class": null
    },
    {
      "name": "axisLine",
      "description": "Custom component for the axis main line.",
      "default": "'line'",
      "class": null
    },
    {
      "name": "axisTick",
      "description": "Custom component for the axis tick.",
      "default": "'line'",
      "class": null
    },
    {
      "name": "axisTickLabel",
      "description": "Custom component for tick label.",
      "default": "ChartsText",
      "class": null
    },
    {
      "name": "legend",
      "description": "Custom rendering of the legend.",
      "default": "DefaultChartsLegend",
      "class": null
    },
    {
      "name": "line",
      "description": "The component that renders the line.",
      "default": "LineElementPath",
      "class": null
    },
    { "name": "lineHighlight", "description": "", "class": null },
    {
      "name": "loadingOverlay",
      "description": "Overlay component rendered when the chart is in a loading state.",
      "default": "ChartsLoadingOverlay",
      "class": null
    },
    { "name": "mark", "description": "", "class": null },
    {
      "name": "noDataOverlay",
      "description": "Overlay component rendered when the chart has no data to display.",
      "default": "ChartsNoDataOverlay",
      "class": null
    },
    {
      "name": "tooltip",
      "description": "Custom component for the tooltip popper.",
      "default": "ChartsTooltipRoot",
      "class": null
    }
  ],
  "classes": [],
  "spread": true,
  "themeDefaultProps": true,
  "muiName": "MuiLineChart",
  "forwardsRefTo": "SVGSVGElement",
  "filename": "/packages/x-charts/src/LineChart/LineChart.tsx",
  "inheritance": null,
  "demos": "<ul><li><a href=\"/x/react-charts/areas-demo/\">Charts - Areas demonstration</a></li>\n<li><a href=\"/x/react-charts/label/\">Charts - Label</a></li>\n<li><a href=\"/x/react-charts/line-demo/\">Charts - Line demonstration</a></li>\n<li><a href=\"/x/react-charts/lines/\">Charts - Lines</a></li></ul>",
  "cssComponent": false
}
