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# code

private void render_stacked_bar_Click(object sender, EventArgs e)
{
   var r = new Random();

   var canvas = new Bunifu.DataViz.Canvas();
   var datapoint_low = new Bunifu.DataViz.DataPoint(Bunifu.DataViz.BunifuDataViz._type.Bunifu_stackedBar);
   var datapoint_high = new Bunifu.DataViz.DataPoint(Bunifu.DataViz.BunifuDataViz._type.Bunifu_stackedBar);

   datapoint_low.addxy("new Date (2002, 11, 10)", r.Next(1000,2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 9)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 8)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 7)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 6)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 5)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 4)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 3)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 2)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 1)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 10)", r.Next(1000,2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 9)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 8)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 7)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 6)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 5)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 4)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 3)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 2)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 1)", r.Next(1000, 2000).ToString());

   // Add data sets to canvas
   canvas.addData(datapoint_low);
   canvas.addData(datapoint_high);

   //render canvas
   bunifuDataViz1.Render(canvas);
}

VB.NET code

Private Sub render_stacked_Bar_Click(sender As Object, e As System.EventArgs) Handles render_stackedBar.Click
 
   Dim r as New Random;
   Dim canvas as New Bunifu.DataViz.Canvas;
   Dim datapoint_low as Bunifu.DataViz.DataPoint = New Bunifu.DataViz.DataPoint (Bunifu.DataViz.BunifuDataViz._type.Bunifu_stackedBar);

   Dim datapoint_high as Bunifu.DataViz.DataPoint = New Bunifu.DataViz.DataPoint (Bunifu.DataViz.BunifuDataViz._type.Bunifu_stackedBar);
   
   datapoint_low.addxy("new Date (2002, 11, 10)", r.Next(1000,2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 9)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 8)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 7)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 6)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 5)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 4)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 3)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 2)", r.Next(1000, 2000).ToString());
   datapoint_low.addxy("new Date (2002, 11, 1)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 10)", r.Next(1000,2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 9)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 8)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 7)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy(”new Date (2002, 11, 6)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 5)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 4)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 3)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 2)", r.Next(1000, 2000).ToString());
   datapoint_high.addxy("new Date (2002, 11, 1)", r.Next(1000, 2000).ToString());

   // Add data sets to canvas
   canvas.addData(datapoint_low);
   canvas.addData(datapoint_high);

   //Render the canvas in the Data Viz
   bunifuDataViz1.Render(canvas);
End Sub 

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. 

Did this answer your question?