Stacked Bar Chart [Deprecated]
Stacked bar chart visualizes a horizontal representation of stacked bar charts. Stacked bar charts are best for comparison purposes
How to display stacked bar chart using Bunifu Dataviz
Simply locate Bunifu Dataviz control in your toolbox and drag it to the location on your form where you would like to display it.
We will use button click event handler to display our chart called render_stacked_bar
C#
VB.NET
1
private void render_stacked_bar_Click(object sender, EventArgs e)
2
{
3
4
var r = new Random();
5
var canvas = new Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.Canvas();
6
7
var datapoint_low = new Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint(Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._type.Bunifu_stackedBar);
8
var datapoint_high = new Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint(Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._type.Bunifu_stackedBar);
9
datapoint_low.addxy("new Date (2002, 11, 10)", r.Next(1000,2000).ToString());
10
11
datapoint_low.addxy("new Date (2002, 11, 9)", r.Next(1000, 2000).ToString());
12
datapoint_low.addxy("new Date (2002, 11, 8)", r.Next(1000, 2000).ToString());
13
datapoint_low.addxy("new Date (2002, 11, 7)", r.Next(1000, 2000).ToString());
14
datapoint_low.addxy("new Date (2002, 11, 6)", r.Next(1000, 2000).ToString());
15
datapoint_low.addxy("new Date (2002, 11, 5)", r.Next(1000, 2000).ToString());
16
datapoint_low.addxy("new Date (2002, 11, 4)", r.Next(1000, 2000).ToString());
17
datapoint_low.addxy("new Date (2002, 11, 3)", r.Next(1000, 2000).ToString());
18
datapoint_low.addxy("new Date (2002, 11, 2)", r.Next(1000, 2000).ToString());
19
datapoint_low.addxy("new Date (2002, 11, 1)", r.Next(1000, 2000).ToString());
20
21
datapoint_high.addxy("new Date (2002, 11, 10)", r.Next(1000,2000).ToString());
22
datapoint_high.addxy("new Date (2002, 11, 9)", r.Next(1000, 2000).ToString());
23
datapoint_high.addxy("new Date (2002, 11, 8)", r.Next(1000, 2000).ToString());
24
datapoint_high.addxy("new Date (2002, 11, 7)", r.Next(1000, 2000).ToString());
25
datapoint_high.addxy("new Date (2002, 11, 6)", r.Next(1000, 2000).ToString());
26
datapoint_high.addxy("new Date (2002, 11, 5)", r.Next(1000, 2000).ToString());
27
datapoint_high.addxy("new Date (2002, 11, 4)", r.Next(1000, 2000).ToString());
28
datapoint_high.addxy("new Date (2002, 11, 3)", r.Next(1000, 2000).ToString());
29
datapoint_high.addxy("new Date (2002, 11, 2)", r.Next(1000, 2000).ToString());
30
datapoint_high.addxy("new Date (2002, 11, 1)", r.Next(1000, 2000).ToString());
31
32
// Add data sets to canvas
33
canvas.addData(datapoint_low);
34
canvas.addData(datapoint_high);
35
36
//render canvas
37
bunifuDataViz1.Render(canvas);
38
}
Copied!
1
Private Sub render_stacked_Bar_Click(sender As Object, e As System.EventArgs) Handles render_stackedBar.Click Dim r as New Random;
2
3
Dim canvas as New Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.Canvas;
4
5
Dim datapoint_low as Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint = New Bunifu.DataViz.DataPoint (Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._type.Bunifu_stackedBar);
6
Dim datapoint_high as Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint = New Bunifu.DataViz.DataPoint (Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._type.Bunifu_stackedBar);
7
8
datapoint_low.addxy("new Date (2002, 11, 10)", r.Next(1000,2000).ToString());
9
datapoint_low.addxy("new Date (2002, 11, 9)", r.Next(1000, 2000).ToString());
10
datapoint_low.addxy("new Date (2002, 11, 8)", r.Next(1000, 2000).ToString());
11
datapoint_low.addxy("new Date (2002, 11, 7)", r.Next(1000, 2000).ToString());
12
datapoint_low.addxy("new Date (2002, 11, 6)", r.Next(1000, 2000).ToString());
13
datapoint_low.addxy("new Date (2002, 11, 5)", r.Next(1000, 2000).ToString());
14
datapoint_low.addxy("new Date (2002, 11, 4)", r.Next(1000, 2000).ToString());
15
datapoint_low.addxy("new Date (2002, 11, 3)", r.Next(1000, 2000).ToString());
16
datapoint_low.addxy("new Date (2002, 11, 2)", r.Next(1000, 2000).ToString());
17
datapoint_low.addxy("new Date (2002, 11, 1)", r.Next(1000, 2000).ToString());
18
19
datapoint_high.addxy("new Date (2002, 11, 10)", r.Next(1000,2000).ToString());
20
datapoint_high.addxy("new Date (2002, 11, 9)", r.Next(1000, 2000).ToString());
21
datapoint_high.addxy("new Date (2002, 11, 8)", r.Next(1000, 2000).ToString());
22
datapoint_high.addxy("new Date (2002, 11, 7)", r.Next(1000, 2000).ToString());
23
datapoint_high.addxy(”new Date (2002, 11, 6)", r.Next(1000, 2000).ToString());
24
datapoint_high.addxy("new Date (2002, 11, 5)", r.Next(1000, 2000).ToString());
25
datapoint_high.addxy("new Date (2002, 11, 4)", r.Next(1000, 2000).ToString());
26
datapoint_high.addxy("new Date (2002, 11, 3)", r.Next(1000, 2000).ToString());
27
datapoint_high.addxy("new Date (2002, 11, 2)", r.Next(1000, 2000).ToString());
28
datapoint_high.addxy("new Date (2002, 11, 1)", r.Next(1000, 2000).ToString());
29
30
// Add data sets to canvas
31
canvas.addData(datapoint_low);
32
canvas.addData(datapoint_high);
33
34
//Render the canvas in the Data Viz
35
bunifuDataViz1.Render(canvas);
36
37
End Sub
38
Copied!
In order to display stacked bar chart we need the following controls:
- Bunifu Data Viz - This is the container for our chart
- Bunifu Canvas - This is the middle layer between the data viz (container) and the dataset
- Bunifu Data Point - This will contain the data that we want to represent as pairs of X and Y coordinates
Bunifu Stacked Bar simply works by creating 2 data point objects, one for the “low” set of points and one for the “high” set of points. The control will know automatically to adjust the width of the lines to match the specified data points
On running the code you should see something like this:
That's it!
We hope Bunifu Dataviz will help you bring out the best data visualization for your data in your application.
Should you have feedback or suggestions please send us via chat on the bottom right corner of the screen.
Last modified 1yr ago
Copy link