How to Add Runtime Customization Toolbars to Charts in WinForms Apps

When we think of numerical data, charts come to our mind. Charts are visual tools frequently used for data visualization & analysis. Charts can be customized to visualize data in multiple ways, i.e., line charts, column charts, area charts, and many more. But these customizations are often defined in the code, where the end-user has no control over the chart customizations.

FlexChart, ComponentOne's .NET charting control for WinForms, now has a built-in toolbar that lets the end-user customize many chart aspects at runtime. For example, change chart type/color palette, alter current legends/data label settings, export, print charts, etc. So, the toolbar helps your end-user customize the chart's appearance.

There could be multiple scenarios where a user may want to customize a chart at runtime. The most common use case could be an analytics dashboard view. For example, an e-commerce website analytics dashboard may look like this.

Dashboard

But you can see, there is not much a user could do apart from viewing these charts. So, let's start by adding a toolbar to FlexChart.

FlexChart Toolbar is Ready for you to use! Download ComponentOne Today!

Adding FlexChart Toolbar

You can add a toolbar for FlexChart in just two steps.

1. Drag and drop FlexChart on the Form.

Flexchart

2. Right-click the chart and select the ‘Add Toolbar’ option from the context menu.

Toolbar

3. This will add a toolbar docked to the top of the chart.

Winforms

So, now our dashboard view will look like this.

Dashboard

Our next step would be to customize these charts using FlexChart Toolbar.

Using FlexChart Toolbar

Changing ChartType

The ChartType dropdown list view provides different chart and stacking types. So, you can easily customize the chart type as follows:

Chart Type

Changing Palette

The Palette dropdown list view provides different color options for the user.

Palette

Changing Legend Position

The Legend dropdown list view provides different legend position options.

Legend

Similarly, we can use other toolbar options to customize the chart. And this is what our dashboard looks like after customizing using the toolbar.

Dashboard

FlexChart also provides a Ribbon-based toolbar in addition to the already available toolbar. It has been designed to control FlexChart’s settings at runtime with the Office 365-based UI. The Chart Ribbon comes with a flat-style user interface with tabs, groups, items, menu, etc., and lets you switch between full and simplified views. Please refer here for more information regarding the ribbon toolbar.

Conclusion

In this article, we learned about the runtime customization of FlexChart using FlexChartToolbar. However, this is not the end, as The FlexChartToolbar is inherited from the standard WinForms ToolStrip control and can be used or customized similarly. You can refer here to learn more about FlexChart Toolbar.

You can download the demo here.

Please feel free to comment down if you have any queries or suggestions.

FlexChart Toolbar is Ready for you to use! Download ComponentOne Today!

comments powered by Disqus