igBulletGraph
Namespace: Wisej.Web.Ext.Ignite
Assembly: Wisej.Web.Ext.Ignite (4.1.0.0)
The igBulletGraph is an HTML5, canvas-based bullet graph control. It displays a single primary measure and compares to one or more other measures to create a concise data visualization.
- C#
- VB.NET
public class igBulletGraph : igBase
Public Class igBulletGraph
Inherits igBase
Constructors
igBulletGraph()
Constructs a new instance of the igBulletGraph class.
Example:
The following example creates a bullet graph and configures it through the Options object.
var graph = new igBulletGraph();
graph.Options.minimumValue = 0;
graph.Options.maximumValue = 100;
graph.Options.value = 65;
graph.Options.targetValue = 80;
graph.Size = new Size(400, 80);
this.Controls.Add(graph);
igBulletGraph(options)
Constructs a new instance of the igBulletGraph class using the specified options.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options passed to the igBulletGraph widget: an anonymous object, a JSON string or a dynamic object. |
Example:
The following example creates a bullet graph that compares a value to a target over two qualitative ranges.
var graph = new igBulletGraph(new
{
minimumValue = 0,
maximumValue = 100,
value = 65,
targetValue = 80,
ranges = new[]
{
new { name = "low", startValue = 0, endValue = 50, brush = "#DCDCDC" },
new { name = "high", startValue = 50, endValue = 100, brush = "#A9A9A9" }
}
});
graph.Size = new Size(400, 80);
this.Controls.Add(graph);