Comment on page
Stacked Area Chart 100 [Deprecated]
Visualize data relationships with stacked area chart 100
Stacked area chart 100 works the same way as stacked area chart and are used to visualize progression and composition over period of time. The 100% is the cumulative contribution of each stack.
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_area_100
C# code
C#
VB.NET
private void render()
{
var canvas = new Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.Canvas();
var datapoint = new Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint(Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._type.Bunifu_stackedArea100);
datapoint.addxy("new Date (2002,11,10)", new JArray(16.23, 17.99).ToString());
datapoint.addxy("new Date (2002, 11, 9)", new JArray(15.95, 19.25).ToString());
datapoint.addxy("new Date (2002, 11, 8)", new JArray(11.30, 16.88).ToString());
datapoint.addxy("new Date (2002, 11, 7)", new JArray(13.29, 14.28).ToString());
datapoint.addxy("new Date (2002, 11, 6)", new JArray(15.23, 16.45).ToString());
datapoint.addxy("new Date (2002, 11, 5)", new JArray(13.70, 16.50).ToString());
datapoint.addxy("new Date (2002, 11, 4)", new JArray(17.50, 19.00).ToString());
datapoint.addxy("new Date (2002, 11, 3)", new JArray(19.50, 20.85).ToString());
datapoint.addxy("new Date (2002, 11, 2)", new JArray(20.07, 21.44).ToString());
datapoint.addxy("new Date (2002, 11, 1)", new JArray(25.00, 26.70).ToString());
canvas.addData(datapoint);
bunifuDataViz1.Render(canvas);
}
Private Sub render()
Dim canvas = New Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.Canvas()
Dim datapoint = New Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced.DataPoint(Bunifu.Dataviz.WinForms.BunifuDatavizAdvanced._type.Bunifu_stackedArea100)
datapoint.addxy("new Date (2002,11,10)", New JArray(16.23, 17.99).ToString())
datapoint.addxy("new Date (2002, 11, 9)", New JArray(15.95, 19.25).ToString())
datapoint.addxy("new Date (2002, 11, 8)", New JArray(11.30, 16.88).ToString())
datapoint.addxy("new Date (2002, 11, 7)", New JArray(13.29, 14.28).ToString())
datapoint.addxy("new Date (2002, 11, 6)", New JArray(15.23, 16.45).ToString())
datapoint.addxy("new Date (2002, 11, 5)", New JArray(13.70, 16.50).ToString())
datapoint.addxy("new Date (2002, 11, 4)", New JArray(17.50, 19.00).ToString())
datapoint.addxy("new Date (2002, 11, 3)", New JArray(19.50, 20.85).ToString())
datapoint.addxy("new Date (2002, 11, 2)", New JArray(20.07, 21.44).ToString())
datapoint.addxy("new Date (2002, 11, 1)", New JArray(25.00, 26.70).ToString())
canvas.addData(datapoint)
bunifuDataViz1.Render(canvas)
End Sub
In order to display stacked area chart 100 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 Area 100 simply works by creating 2 datapoint objects, one for the “low” set of points and one for the “high” set of points. The control will know automatically to create the lines between the points.

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 3yr ago