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.

WebChartHistogramSeries

Histogram shows the numerical (frequency) distribution of a numerical field.

Referenced by: WebChartSeriesType

Properties

PropertyDetails
type*

Represents a unique string identifier for the HistogramSeries object. For BarSeries object, it is histogramSeries.


The type of this property is: string.

binCount

Bin count must be a positive integer.


The type of this property is: null or number.

overlays

Specifies the chart overlays. Histogram supports 4 overlays: mean, median, standardDeviation and comparisonDistribution.
The overlays won't show if the property is not defined.

dataTransformationType

Specifies how the data should be transformed (e.g. square root, log, etc.) before binning.


The type of this property is: string.


Must be one of the following values: logarithmic, none, squareRoot.

fillSymbolContains styling info on how the columns/bars should be rendered
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.