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.

WebChartScatterPlotSeries

Scatterplot shows the relationship between two numerical fields.

Referenced by: WebChartSeriesType

Properties

PropertyDetails
type*

Represents a unique string identifier for the ScatterSeries object. For ScatterSeries object, it is scatterSeries.


The type of this property is: string.

y*

Empty string or one with just white spaces is not allowed. At least 1 or more word characters (a-z, A-Z, _) are needed.


The type of this property is: string.

markerSymbol

Specifies how each data point in the scatter plot should be rendered. The type is esriSMS and it is adopted from the

REST API Types

.

overlays

Specifies all the chart overlays. The scatter plot implements only 1 overlay, trendLine.
The overlays won't show if the property is not defined.

sizePolicy

Specifies rules to use the scatter plot as bubble plot, by changing dynamically the markers size according to a specific field value

id*

A unique string used to differentiate the series on a chart.


The type of this property is: string.

visible

Hides or shows the series. If the series is has visible set to false, the corresponding legend is grayed out in the legend box.


The type of this property is: boolean.

dataTooltipVisible

Hides or shows data tooltips.


Applies to all charts but Gauge.


The type of this property is: boolean.

dataTooltipReverseColor

Indicates whether to apply the hovered element's color to the background (false) or the outline (true).


Applies to all charts but Gauge.


The type of this property is: boolean.

dataTooltipValueFormatDefines how to render numeric values in tooltips.
dataTooltipPercentFormat

Defines how to render percent values in tooltips.


Currently used for stacked 100% bar and line charts, as well as pie charts.

dataTooltipDateFormat

Defines how to render dates in tooltips.


Currently used for bar and line charts using a date x-axis with no time binning.

name*

Specifies the name of the series. It would be reflected in the chart legends


The type of this property is: string.

query

Specifies a query object associated with a particular series containing info on what data to fetch for that series.

x*

Specifies which field represents the x-coordinates of this series. Empty string or one with just white spaces is not allowed. At least 1 or more word characters (a-z, A-Z, _) are needed.


The type of this property is: string.

dataLabelsSpecifies how the data labels should be rendered.
assignToSecondValueAxis

Specifies whether the series should be assigned to the second value axis, when the axes property defines it.


Supported by bar and line series.


The type of this property is: boolean.