Example of Histogram in React Chart Component


This sample visualizes the student's results of the final examination with histogram series in chart. Number of students between each interval is shown by using the data label.

More Details...


In this example, you can see how to render and configure the histogram type charts. Histogram type charts can provide a visual display of large amounts of data that are difficult to understand in a tabular or spreadsheet form. You can use the border and fill properties to customize the vertical rectangle. The dataLabel property is used to represent individual data and its value.

Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over a point or tap a point in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use histogram series, you should inject the HistogramSeries module using the Chart.Inject(HistogramSeries) method.

More information on the histogram series can be found in this   documentation section.