No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:

  1. Missing Context/Providers: You can use decorators to supply specific contexts or providers, which are sometimes necessary for components to render correctly. For detailed instructions on using decorators, please visit the Decorators documentation.
  2. Misconfigured Webpack or Vite: Verify that Storybook picks up all necessary settings for loaders, plugins, and other relevant parameters. You can find step-by-step guides for configuring Webpack or Vite with Storybook.
  3. Missing Environment Variables: Your Storybook may require specific environment variables to function as intended. You can set up custom environment variables as outlined in the Environment Variables documentation.

WebMapWebGaugeChart

JSON representation of Gauge

Properties

PropertyDetails
innerRadius

Represents the size of the hole in middle of the chart. The number is used as a percentage rather than a fixed value.


The type of this property is: null or number.

startAngle

Represents where is the chart's starting point


The type of this property is: null or number.

endAngle

Represents where is the chart's ending point. To be related with startAngle. If endAngle-startAngle is 360 the chart will render as full circle.


The type of this property is: null or number.

axes*

Array of one WebChartGaugeAxis


The type of this property is: array. Minimum length: 1. Maximum length: 1.

subType

The type of Gauge, like FeatureGauge and StatisticGauge.



When this property is not specified, it will be defaulted to GaugeChartSubTypes.StatisticGauge.


The type of this property is: string.


Must be one of the following values: featureGauge, statisticGauge.

version*

Version of the specification. Used to identify when a saved config was created.


The type of this property is: string.

type*

Represents a unique string identifier for the Chart object. For Chart object, it is chart.


The type of this property is: string.

id

Can be used to uniquely identify a chart. The consumer app can choose whether to use it or not.


The type of this property is: string.

dataFiltersUsed to filter the chart's data while in Layer mode.
titleSpecifies heading/title of the chart.
subTitleSpecifies sub-heading/subtitle of the chart.
footerSpecifies footer of the chart
background

Specifies the background color of the chart.


The type of this property is: array. Minimum length: 4. Maximum length: 4.

theme

A unique string that specifies the styling theme currently applied to the chart. This property needs to finalized and not in active use currently.


The type of this property is: string.

cursorCrosshairSpecifies cursor's crosshair information for the chart. Only for XY charts.
legend

Specifies the Legend information for the chart.


Can be any of: WebChartLegend, WebChartPieChartLegend

horizontalAxisLabelsBehavior

Represents the way the labels should behave when the horizontal axis can't display them all.


The available options are: none, rotate, stagger and wrap.


For XY Chart only. Histogram can handle none and rotate only.


The default value for the horizontal axis is rotate.


The type of this property is: string.


Must be one of the following values: hide, rotate, stagger, wrap.

verticalAxisLabelsBehavior

Represents the way the labels should behave when the vertical axis can't display them all. For XY Chart only.


The available options are: none and wrap.


The default value for the vertical axis is wrap.


The type of this property is: string.


Must be one of the following values: hide, rotate, stagger, wrap.

series*

Represents an array of various chart series to be plot inside the chart.


Empty array is not allowed.


The type of this property is: array. Minimum length: 1.

rotated

Specifies whether or not the chart is rotated. Applied to Bar, Line, and Combo Bar and Line charts.


The type of this property is: boolean.

stackedType

Specifies how the bars/lines should be placed when multiple series are rendered in the same chart, say when split by operation is executed on any field or


when multiple attributes/fields corresponding to the same set of classes are to be visualized.



Currently this property is only used for bar and line series.


The type of this property is: string.


Must be one of the following values: sideBySide, stacked, stacked100.

colorMatch

Specifies whether to first try matching the colors from the layer renderer or the chart renderer


for coloring the chart elements, like markers, line segments, columns, etc.



To do so, this property needs to be set to true.



When there is no matching color found (for when colorMatch = true) or when colorMatch = false,


the colors from the config, and then from the color ramps will be used, in that order.


The type of this property is: boolean.

chartRenderer

Renderer to use to style the series when the chart uses the color match mode.


Considered before the layer's renderer.

orderOptions

Chart order options (data and series)


The type of this property is: object.