Skip to main content

RangeChart

Namespace: Wisej.Web.Ext.Webix

Assembly: Wisej.Web.Ext.Webix (4.1.0.0)

RangeChart is a component that allows presenting data in a detailed way. It can be useful if you work with big amounts of data and need to display some particular data parts.

public class RangeChart : wxBase

Constructors​

Instance member RangeChart()​

Constructs a new instance of the RangeChart class.

Example:

The following example creates a range chart that draws a line series and uses the week field to position the selection frame.

var chart = new RangeChart();
chart.Options.type = "line";
chart.Options.value = "#sales#";
chart.Options.frameId = "week";
chart.Options.data = new[]
{
new { week = 1, sales = 20 },
new { week = 2, sales = 35 },
new { week = 3, sales = 28 },
new { week = 4, sales = 41 }
};
chart.Dock = DockStyle.Top;
this.Controls.Add(chart);

Instance member RangeChart(options)​

Constructs a new instance of the RangeChart class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a range chart with the selection frame initially placed between the weeks 2 and 3.

var chart = new RangeChart(new
{
type = "line",
value = "#sales#",
frameId = "week",
range = new { start = 2, end = 3 },
data = new[]
{
new { week = 1, sales = 20 },
new { week = 2, sales = 35 },
new { week = 3, sales = 28 },
new { week = 4, sales = 41 }
}
});
chart.Dock = DockStyle.Top;
this.Controls.Add(chart);

Implements​