Skip to main content

dxChart

Namespace: Wisej.Web.Ext.DevExtreme

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

The Chart is an interactive widget that visualizes data from a local or remote storage using a great variety of series types.

public class dxChart : dxBase

Constructors​

Instance member dxChart()​

Constructs a new instance of the dxChart class.

Example:

The following example creates a bar chart and configures it through the Options property.

var chart = new dxChart();
chart.Options.title = "Monthly sales";
chart.Options.dataSource = new[]
{
new { month = "Jan", total = 120 },
new { month = "Feb", total = 95 },
new { month = "Mar", total = 143 }
};
chart.Options.series = new { argumentField = "month", valueField = "total", type = "bar" };
chart.Dock = DockStyle.Fill;
this.Controls.Add(chart);

Instance member dxChart(options)​

Constructs a new instance of the dxChart class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a line chart that compares two series bound to an in-memory list.

var chart = new dxChart(new
{
dataSource = sales,
commonSeriesSettings = new { argumentField = "month", type = "line" },
series = new[]
{
new { valueField = "online", name = "Online" },
new { valueField = "retail", name = "Retail" }
},
legend = new { verticalAlignment = "bottom", horizontalAlignment = "center" }
});
chart.Dock = DockStyle.Fill;
this.Controls.Add(chart);

Implements​