WebGrid provides a way for you to change the chart title or header position.

By default, the chart legend position is set to right. However, you can customize the position to None, Top, Bottom, or Left.

The chart legend layout is set to RowOnly by default. You can change the layout to ColsOnly, RowFixed, or ColsFixed.

In this topic, you will learn how to the change the chart title/header position in the chart image, change the position of the chart legend and change its layout.

To change the chart title/header position in the chart image.

1. Open WebGrid Designer.
2. Go to Pivot Charting Tab.
3. Select Header and click See all properties.
4. Set the Text to "Chart Header".
5. Select TextStyle >> FontStyle.
6. Set the EmSize to 18.
7. Click OK to apply the changes.
8. Run the project.
9. Please see the Chart Header Layout from LiveSamples >> WebGrid >> ChartHeader for the result.

To change the position of the chart legend to Left

1. Open WebGrid Designer.
2. Go to Pivot Charting Tab.
3. Select Legend.
4. In the Docking, set the Docking to Left.
   
   
   
   
5. Click OK to apply the changes.
6. Run the project.

To change the layout of the chart legend

1. Open WebGrid Designer.
2. Go to Pivot Charting Tab.
3. Select Legend.
4. In the Layout, set the Expand Mode to ColsOnly.
5. Click OK to apply the changes.
6. Run the project.