Skip to main content

igDoughnutChart

Namespace: Wisej.Web.Ext.Ignite

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

The igDoughnutChart displays data similar to a pie chart and can display multiple sets of data around a common center.

public class igDoughnutChart : igBase

Constructors​

Instance member igDoughnutChart()​

Constructs a new instance of the igDoughnutChart class.

Example:

The following example creates a doughnut chart and adds a series through the Options object.

var chart = new igDoughnutChart();
chart.Options.innerExtent = 40;
chart.Options.series = new[]
{
new { name = "share", dataSource = marketShare, labelMemberPath = "Company", valueMemberPath = "Share" }
};
chart.Size = new Size(400, 400);
this.Controls.Add(chart);

Instance member igDoughnutChart(options)​

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

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

Example:

The following example creates a doughnut chart with one ring. Each series has its own data source.

var chart = new igDoughnutChart(new
{
innerExtent = 40,
series = new[]
{
new
{
name = "share",
labelMemberPath = "Company",
valueMemberPath = "Share",
dataSource = new[]
{
new { Company = "Contoso", Share = 45 },
new { Company = "Fabrikam", Share = 30 },
new { Company = "Northwind", Share = 25 }
}
}
}
});
chart.Size = new Size(400, 400);
this.Controls.Add(chart);

Implements​