Range Column

This sample visualizes the maximum and minimum temperatures for a week of different countries with default range column series in the chart. Tooltip shows the information about the data points.
More Details...


In this example, you can see how to render and configure the range column type chart. You can use border, fill properties to customize the Columns. dataLabel are used to represent individual data and its value. Injecting Module Chart component features are segregated into individual feature-wise modules. To use RangeColumn feature, we need to inject RangeColumnSeriesService into the @NgModule.providers section. More information on the column types series can be found in this documentation section.