WebGrid Enterprise comes with Interactive UI feature where you can customize the ChartView at run time. It also has a feature to customize the Chart Ribbon. With this option, you can limit what kind of interactions that a user can do with Chart Interactive UI.

WebGrid Enterprise comes with Interactive UI feature where you can customize the ChartView at run time. The pivoting rules for the Chart Interactive UI includes:

• ShowInChartFieldList
• CanAddToChartData
• CanAddToChartCategories
• CanAddToChartFilter
• CanAddToChartSeries

In this topic, you will learn how to enable hide chart ribbon initially, customize chart ribbon and pivot rules in WebGrid.

To hide Chart Ribbon initially

1. Open WebGrid Properties.
2. In Charting properties go to ChartInteractiveUI and set RibbonState to Hidden.
3. Run the project.

To customize Chart Ribbon in WebGrid

1. Open WebGrid Properties.
2. In Charting properties go to ChartInteractiveUI, set TitlesRibbon visible to false.
3. Set ChartTypeRibbon visible to false.
4. Run the project.

To customize Pivot Rules in WebGrid

1. Open WebGrid Designer.
2. Switch to Advanced tab. Expand RootTable >> Columns.
3. Choose appropriate WebGridColumn Properties, customize one or all properties from above pivoting rules. For example: Select OrderID and set ShowInChartFieldList to true.
4. Run the project.