• Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • Fabric
  • Fabric Dark
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Strip Line Recurrence in ASP.NET MVC Chart Control

This sample visualizes the Olympic medal count in Rio with default column series in the chart. Data points values are shown by using data label.

DEMO
SOURCE
X Axis:
Y Axis:

In this example, you can see how to render and configure the recurrence stripline in chart. Striplines are used to annotate the highlighted region with some notes. You can use border and fill properties.

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


Injecting Module

Chart component features are segregated into individual feature-wise modules. To use column series, we need to inject ColumnSeries module using Chart.Inject(ColumnSeries) method.

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