Log In
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Collapse]ASP.NET Bootstrap Controls
  ASP.NET Bootstrap Controls - Overview
 [Expand]Getting Started
 [Expand]Grid View
 [Expand]Card View
   Getting Started
  [Expand]Chart Types
   Chart Series
   Binding to Data
   Server Functionality
   Zooming and Scrolling
 [Expand]Data Editors
 [Expand]Site Navigation
 [Expand]Site Layout
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Server Functionality

The Bootstrap Charts suite provides server-side wrappers for DevExptreme Chart widgets allowing you to configure your charts using Visual Studio design time tools, ASPX markup and code-behind. The code sample below demonstrates how you can create a chart, configure it, and bind it to data (a local JSON file) in server markup.

Additionally, the DevExpress Bootstrap Charts suite includes the Chart Designer that provides a visual interface for configuring charts. To invoke the designer, select a chart control, click its smart tag and select Designer in the invoked menu.

The designer includes sections allowing you to manage collections of chart series and value axes. Each collection item can be individually configured using the Item Properties panel.

After you close the Chart Designer by clicking OK, the chart's ASPX markup reflects all changes made in the designer.

Is this topic helpful?​​​​​​​