Example of Error Bar in React Chart Component


This sample visualizes the errors in sales distribution of a car for a certain period with error bar in the chart. In property panel, the options are available to change error bar type, drawing mode, and drawing direction of error bar by means of dropdown

More Details...


In this example, you can see how to render and configure the error bar charts. Line type charts are used for cartesian type series. You can use error bar by set visible property to true. You can change the error bar rendering type using type property like fixedValue, percentage, standardDeviation, standardError and custom option of errorBar. To change the error bar line length you can use verticalError property.

Chart supports the following error bar types.

  • Fixed - Renders a fixed type error bar.
  • Percentage - Renders a percentage type error bar.
  • StandardDeviation - Renders a standard deviation type error bar.
  • StandardError - Renders a standard error type error bar.
  • Custom - Renders a custom type error bar.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use error bar, we need to inject ErrorBar into the @services section.

More information on the error bar can be found in this   documentation section.