Graph with lines connecting data points and shaded areas between the lines and the x-axis.
All the props you can use with the AreaChart component.
The data to be displayed in the area chart. Each element of the array represents a data point. The structure of 'T' should be compatible with the chart's rendering logic.
The height of the chart in pixels.
Optional label for the x-axis.
Optional label for the y-axis.
A record mapping category keys to `BulletLegendItemInterface` objects. This defines the visual representation and labels for each category in the chart's legend.
A function that formats the x-axis tick labels. @param i The x-axis key of the item to be formatted. @param idx The index of the data point (optional). @returns The formatted x-axis label.
An optional function that formats the y-axis tick labels. @param i The y-axis key of the item to be formatted. @param idx The index of the data point (optional). @returns The formatted y-axis label or value.
The type of curve to use for the area chart lines. See `CurveType` for available options.
The desired number of ticks on the x-axis.
Force specific ticks on the x-axis.
Force only first and last ticks on the x-axis.
The desired number of ticks on the y-axis.
If `true`, hides the chart legend.
If `true`, hides the chart tooltip.
If `true`, displays grid lines along the x-axis.
If `true`, displays a domain line (axis line) along the x-axis.
If `true`, displays grid lines along the y-axis.
If `true`, displays a domain line (axis line) along the y-axis.
If `true`, displays tick lines on the x-axis.
Optional position for the legend, if applicable. See `LegendPosition` for available options.
Everything you need to know about our templates