GaugeChartOptions
Options for a Gauge chart.
| Name | Type | Description |
|---|---|---|
| colorGenerator? | ColorGenerator | Optional function to call in order to establish the color to be used for each series |
| 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". |
| endAngle? | number | The end angle of the gauge in degrees. Typically 135 for a speedometer style. |
| height? | number | Height for the chart. If omitted, height is computed from the width of the chart's container |
| innerRadius? | number | Inner radius ratio (0 to 1). A higher value (e.g. 0.8) creates a thin arc. 0 creates a semi-circle. |
| labels? | {
distance:number, interval:number, values:Array<number> } | Configuration for the scale labels. |
| legend? | boolean | LegendSpec | Either a boolean true/false, indicating the legend should be shown/hidden, or a spec for a legend. |
| max? | number | The maximum value on the scale. Defaults to 100. |
| min? | number | The minimum value on the scale. Defaults to 0. |
| outerRadius? | number | Outer radius ratio (0 to 1). Defaults to 1. |
| resizeObserver? | boolean | Defaults to true, meaning the chart will redraw when its container element resizes. |
| showNeedle? | boolean | Whether to show a needle/pointer. Defaults to true. When false, the zones are painted up to the value. |
| startAngle? | number | The start angle of the gauge in degrees. 0 is the top. Typically -135 for a speedometer style. |
| style? | ChartStyleOptions | Styles for legend and grid. |
| subtitle? | SubtitleSpec | Subtitle for the chart. |
| ticks? | {
color:string, interval:number, values:Array<number>, width:number } | Configuration for tick marks. |
| title? | ChartTitleSpec | Title for the chart. |
| titlePadding? | number | Padding to leave underneath the title |
| tooltip? | TooltipOptions | Options for a tooltip for the chart. |
| url? | string | Optional URL from which to retrieve data to load into the chart |
| value? | number | Current value. If not provided, the gauge will use the computed (which you may have provided, but if not, will be set to 0) |
| width? | number | Width for the chart. If omitted, width is computed from the width of the chart's container |
| zones? | Array<GaugeChartZone> | Optional segments to color the background arc |
| zoom? | {
enabled:boolean, initialValue:number, range:[number, number] } | Optional zoom configuration. |