RangeNavigator
Namespace: Wisej.Web.Ext.Syncfusion2
Assembly: Wisej.Web.Ext.Syncfusion2 (4.1.0.0)
RangeNavigator is a data visualization control. It allows you to scroll and navigate through the data. This control easily combines with other controls such as Chart, Data Grid, etc., to create rich and powerful dashboards.
- C#
- VB.NET
public class RangeNavigator : ej2Base
Public Class RangeNavigator
Inherits ej2Base
Constructors
RangeNavigator()
Constructs a new instance of the RangeNavigator class.
Example:
The following example creates a range navigator over a list of daily prices and configures it through the Options object.
var rangeNavigator = new RangeNavigator();
rangeNavigator.Options.valueType = "DateTime";
rangeNavigator.Options.dataSource = prices;
rangeNavigator.Options.xName = "date";
rangeNavigator.Options.yName = "close";
rangeNavigator.Dock = DockStyle.Bottom;
this.Controls.Add(rangeNavigator);
RangeNavigator(options)
Constructs a new instance of the RangeNavigator class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a range navigator that shows the data as an area, selects the first quarter of the year, and receives the range selected by the user.
var rangeNavigator = new RangeNavigator(new
{
valueType = "DateTime",
value = new[] { new DateTime(2024, 1, 1), new DateTime(2024, 3, 31) },
series = new[]
{
new { type = "Area", dataSource = prices, xName = "date", yName = "close" }
}
});
rangeNavigator.Instance.onChanged += new WidgetEventHandler((s, e) =>
{
AlertBox.Show($"From {e.Data.start} to {e.Data.end}");
});
rangeNavigator.Dock = DockStyle.Bottom;
this.Controls.Add(rangeNavigator);