# 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

{% tabs %}
{% tab title="C#" %}

```csharp
private void render_stacked_bar_Click(object sender, EventArgs e)
{
   
   var r = new Random(); 
   var canvas = new Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.Canvas();
   
   var datapoint_low = new Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint(Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._type.Bunifu_stackedBar);
   var datapoint_high = new Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint(Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._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); 
}
```

{% endtab %}

{% tab title="VB.NET" %}

```
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.WinForms.BunifuDatavizAdvanced.Canvas;
   
   Dim datapoint_low as Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint = New Bunifu.DataViz.DataPoint (Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._type.Bunifu_stackedBar);   
   Dim datapoint_high as Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint = New Bunifu.DataViz.DataPoint (Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._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 

```

{% endtab %}
{% endtabs %}

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:

![](https://downloads.intercomcdn.com/i/o/73747280/dce3c3de574390c50082f7a0/stacked-bar-chart%5B1%5D.png)

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. 


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs2.bunifuframework.com/docs/dataviz/advanced-charts/stacked-bar-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.