Area Chart [Deprecated]
Show data trends with area chart
Simply represent data as a simple filled in area with Bunifu Area Chart. With area chart you show trends over a given period of time.
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_area
C# code
1
private void render_area(object sender, EventArgs e)
2
{
3
4
var r = new Random();
5
var canvas = new Bunifu.Dataviz.WinForms.BunifuDatavizBasic.Canvas();
6
7
var datapoint = new Bunifu.Dataviz.WinForms.BunifuDatavizBasic.DataPoint(Bunifu.Dataviz.WinForms.BunifuDatavizBasic._type.Bunifu_area);
8
9
datapoint.addLabely("SUN", r.Next(0, 100).ToString());
10
datapoint.addLabely("MON", r.Next(0, 100).ToString());
11
datapoint.addLabely("TUE", r.Next(0, 100).ToString());
12
datapoint.addLabely("WED", r.Next(0, 100).ToString());
13
datapoint.addLabely("THU", r.Next(0, 100).ToString());
14
datapoint.addLabely("FRI", r.Next(0, 100).ToString());
15
datapoint.addLabely("SAT", r.Next(0, 100).ToString());
16
17
// Add data sets to
18
canvas canvas.addData(datapoint);
19
//render canvas
20
bunifuDataViz1.Render(canvas);
21
}
Copied!
VB.NET code
1
Private Sub render()
2
3
Dim canvas As Bunifu.Dataviz.WinForms.BunifuDatavizBasic.Canvas = New Bunifu.Dataviz.WinForms.BunifuDatavizBasic.Canvas()
4
5
Dim datapoint1 As Bunifu.Dataviz.WinForms.BunifuDatavizBasic.DataPoint
6
bunifuDataViz1.colorSet.Add(Color.Black)
7
datapoint1 = New Bunifu.Dataviz.WinForms.BunifuDatavizBasic.DataPoint(Bunifu.Dataviz.WinForms.BunifuDatavizBasic._type.Bunifu_area)
8
9
Dim random As Random = New Random()
10
datapoint1.addLabely("MON", random.[Next](0, 50).ToString())
11
datapoint1.addLabely("TUE", random.[Next](0, 50).ToString())
12
datapoint1.addLabely("WED", random.[Next](0, 50).ToString())
13
datapoint1.addLabely("THU", random.[Next](0, 50).ToString())
14
datapoint1.addLabely("FRI", random.[Next](0, 50).ToString())
15
datapoint1.addLabely("SAT", random.[Next](0, 50).ToString())
16
datapoint1.addLabely("SUN", random.[Next](0, 50).ToString())
17
18
canvas.addData(datapoint1)
19
bunifuDataViz1.Renderint2))
20
21
End Sub
Copied!
In order to display your area 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 is contains the data that we want to represent as pairs of X and Y coordinates
On running the code you should see something like this:
That's it!
We hope Bunifu Dataviz will help you bring out the best of your data in your application.
Should you have feedback or suggestions please send us via chat on the bottom right corner of the screen.
Copy link