AreaChartOptions
Options for an area chart
| Name | Type | Description |
|---|---|---|
| axisLineSize? | number | The width to use if showing a line marking value/category axes. By default, axis lines are not painted. |
| categoryAxis? | CategoryAxisDefinition | Array<CategoryAxisDefinition> | Definitions of one or more category axes. |
| colorGenerator? | ColorGenerator | Optional function to call in order to establish the color to be used for each series |
| cornerRadius? | number | When rounding bar/column corners, use this radius. Defaults to 5 pixels. |
| data? | Array<ObjectData> | Optional data to load into the chart. |
| dataSource? | DataSource | Optional data source (of type , meaning both and are supported) from which to retrieve data to load into the chart. |
| dataSourceFilter? | ChartModelFilter | When you provide , you can also provide a filter which accepts or rejects specific nodes/groups in the data source. |
| defaultColor? | string | Optional color to use for every series. Overrides any colorGenerator. |
| emptyMessage? | string | Message to display when the chart has no data. Defaults to "No data". |
| grouped? | boolean | If true, the data will be grouped, if the chart type supports it (eg Bar/Column). |
| groupField? | string | The name of the field that identifies which group a data point belongs to. Defaults to . |
| height? | number | Height for the chart. If omitted, height is computed from the width of the chart's container |
| inverted? | boolean | Defaults to false, meaning the Y axis is the category axis and the X axis is the value axis, such as you'd use for a bar chart. Changing this to makes the Y axis the value axis and the X axis the category axis, such as you'd use for a column chart. Note, though, that this flag is also honoured by other plot types such as line and area. |
| legend? | boolean | LegendSpec | Either a boolean true/false, indicating the legend should be shown/hidden, or a spec for a legend. |
| legendPadding? | number | When the legend is not floating, this number defines how much whitespace to leave around it. |
| maxLabelSize? | number | The maximum size a category label can be as a ratio of the chart's overall size. Category labels are rotated to 45 degrees automatically when they start to overlap each other, but if the labels are long strings then there is a chance they'll use up too much of the available chart space. This value (whose default is 0.2), specifies a hard limit for label size, to avoid that situation. In a chart whose category axis is the X axis, this is applied relative to the height of the chart, and in a chart whose category axis is the Y axis, it's applied relative to the width. |
| pivot? | boolean | Pivot the data so that the series definitions become the categories, and the series data is derived from the individual data points. Default to false. |
| plotOptions? | AreaPlotOptions | Options for the area plot. |
| resizeObserver? | boolean | Defaults to true, meaning the chart will redraw when its container element resizes. |
| roundCorners? | boolean | Whether or not to round the corners of bars/columns. Defaults to true |
| series | Array<RecordBasedSeriesOptions | ArrayBasedSeriesOptions> | Definition of the chart series' to display. You can display multiple series on a chart. |
| spline? | boolean | If true, draw the line as a series of bezier splines, which makes for a smooth line. Defaults to false. |
| style? | ChartStyleOptions | Styles for legend and grid. |
| subtitle? | SubtitleSpec | Subtitle for the chart. |
| title? | ChartTitleSpec | Title for the chart. |
| titlePadding? | number | Padding to leave underneath the title |
| tooltip? | TooltipOptions | Options for the info tooltip. |
| url? | string | Optional URL from which to retrieve data to load into the chart |
| valueAxis? | ValueAxisDefinition | Array<ValueAxisDefinition> | Definition of one or more value axes. |
| width? | number | Width for the chart. If omitted, width is computed from the width of the chart's container |
| yAxisPadding? | number | How much padding to leave between the y axes decoration and the chart content area. |
| zoom? | {
enabled:boolean, initialValue:number, range:[number, number] } | Optional zoom configuration. |