Skip to main content

igShapeChart

Namespace: Wisej.Web.Ext.Ignite

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

The igShapeChart is an HTML5 control that is a simplified version of the igDataChart specialized in plotting scatter points and shapes (polygons and polylines).

public class igShapeChart : igBase

Constructors​

Instance member igShapeChart()​

Constructs a new instance of the igShapeChart class.

Example:

The following example creates a shape chart that plots a list of items with the numeric x and y fields as points.

var chart = new igShapeChart();
chart.Options.dataSource = measurements;
chart.Options.chartType = "point";
chart.Dock = DockStyle.Fill;
this.Controls.Add(chart);

Instance member igShapeChart(options)​

Constructs a new instance of the igShapeChart class using the specified options.

NameTypeDescription
optionsObjectInitial set of options passed to the igShapeChart widget: an anonymous object, a JSON string or a dynamic object.

Example:

The following example creates a shape chart that plots a few points and shows a title on each axis.

var chart = new igShapeChart(new
{
chartType = "point",
dataSource = new[]
{
new { x = 10, y = 20 },
new { x = 25, y = 45 },
new { x = 40, y = 30 }
},
xAxisTitle = "Width",
yAxisTitle = "Height"
});
chart.Dock = DockStyle.Fill;
this.Controls.Add(chart);

Implements​