Creating Graph with VB.NET, Part 2: Customize Chart

On Part 1: Basic Chart, I show how to create a basic chart with default chart type and color style. Now you will see how to customize chart by change those properties on a chart.

Sections

• Sample chart
• Customize chart type
• Customize color style
• Insert title to chart
• 3D chart

Sample chart

The sample chart that I use on this post has a series “Series1” which has 3 data points “10,20,30“.

Back to top

Customize chart type

There are many chart types that you can select for Chart control. On this example, I show some of those chart types which are Point, Line, Bar, Pie.

1. On Chart Properties, click the Series collection. Then, click the ellipsis button.
   
2. On Series Collection Editor, select “Series1” in the Members area and change the Chart type property to Point.
   
3. The Point chart type.
   
4. The Line chart type.
   
5. The Bar chart type.
   
6. The Pie chart type.
   

Back to top

Customize Color style of chart

There are many color palettes that you can choose for Chart control. This section shows how to change color of Chart control.

1. On Chart Properties, click on Palette property. You see a drop down button. Click on it and you can choose a color palette for your chart.
   
2. The example below is Bright color palette.
   

Back to top

Insert title to chart

This section shows how to insert title to Chart control.

1. On Chart Properties, click the Title collection. Then, click the ellipsis button.
   
2. On Title Collection Editor, click Add and set (Text) to “My Sample Chart” in the newly created Title object.
   
3. Run the project. You will see a title on top of the chart.
   
4. You can customize title’s text style, title position, title color on title properties.
   

Back to top

3D chart

This section shows how to use three-dimensional (3D) chart areas in Chart control.

1. On Chart Properties, click the ChartAreas collection. Then, click the ellipsis button.
   
2. On ChartArea Collection Editor, select “ChartArea1“. Expand Area3DStyle and change (Enable3D) to True.
   Note: You can customize your 3D Style on this Area3DStyle properties .
   
3. You see the chart is now 3D.
   

Back to top