ColumnChartOptions
Options for a column 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. |
| dataLabels? | DataLabelsOptions | Options for data labels |
| 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 | Whether to group multiple stacks side-by-side within a single category. |
| groupField? | string | The field in the data objects used to identify the stack/group. |
| 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. |
| 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. |
| stacked? | boolean | "percent" | "default" | Whether to stack series values next to each other, optionally as a percentage stack (which takes up the available space and shows each component proportionally) |
| 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. |