Skip to main content
BuyLog In
ASP.NET Bootstrap Controls
Search in…
Docs > Charts > Server Functionality
All docs
V24.2
ASP.NET Bootstrap Controls
Overview
Getting Started
Demos and Sample Applications
Project Configuration
Security Considerations
Grid View
Card View
Scheduler
Spreadsheet
Rich Text Editor
Charts
Get Started
Chart Types
Chart Series
Binding to Data
Server Functionality
Export
Zooming and Scrolling
Sparkline
Data Editors
Site Navigation
Site Layout
File Manager
Redistribution and Deployment
.NET Framework API Reference
Client API Reference
Download CHM

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.

<dx:BootstrapChart runat="server" DataSourceUrl="~/jsondata/data.json" TitleText="Daily Sales" Rotated="true">
    <ArgumentAxis ArgumentType="System.DateTime" MaxValue="2017-01-10" />
    <ValueAxisCollection>
        <dx:BootstrapChartValueAxis TickInterval="1" />
    </ValueAxisCollection>
    <SeriesCollection>
        <dx:BootstrapChartSeries ArgumentField="date" ValueField="sales" Type="Bar" />
    </SeriesCollection>
    <SettingsLegend Visible="false" />
</dx:BootstrapChart>

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.

BootstrapCharts-Designer

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