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.

WebMapWebBoxPlot

JSON representation of Box Plot

Properties

PropertyDetails
showOutliers

Whether to show the outliers on the chart


The type of this property is: boolean.

standardizeValues

Whether to standardize the values by calculating the series z-score


The type of this property is: boolean.

showMean

Whether to show the mean lines on the chart. Applies only if a split-by field is set.


Additionally the chart will render with that option enabled only if the the series array


contains one box plot series and N lines series.


The type of this property is: boolean.

series*

The box plot series can be of type boxPlotSeries or lineSeries.


The type of this property is: array. Array members can be any of: WebChartLineChartSeries, WebChartBoxPlotSeries

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

axes

Represents an array of at least 1 or at most 3 Chart Axis accompanying the chart. The axes property is optional because Pie chart does not use any axis.


The third axis config is used when a series assignToSecondValueAxis is set to true.


Some of the axis features won't apply to the third axis (e.g. labels behaviors).


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

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.

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.