Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]Welcome to DevExpress .NET Documentation
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Collapse]Spreadsheet
   [Expand]Product Information
    Getting Started
   [Collapse]Concepts
    [Expand]Spreadsheet Document
     Supported Formats
     Import and Export
    [Expand]Cell Basics
    [Expand]Spreadsheet Formulas
     Defined Names
     Data Validation
    [Expand]Data Presentation
    [Collapse]Charting
      Charting Overview
      Chart Elements
      Creating a Chart
      Changing a Chart Type
      Applying a Predefined Chart Layout and Style
      Modifying a Chart Manually
     Printing
    [Expand]Mail Merge
     Protection
     Adaptivity
     Keyboard Shortcuts
   [Expand]Visual Elements
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Applying a Predefined Chart Layout and Style

After creating a chart, you can change its appearance by applying one of the predefined ASPxSpreadsheet layouts and styles. For this, click the chart you wish to format, to display the Chart Tools contextual tab.

Expanded Apply a Predefined Chart Layout

In the Chart Layouts group within the Design tab, select the required chart layout. For example, select Layout 10, which positions the chart legend to the right of the chart area, and adds the chart and axis titles.

To enter the chart title, right-click the chart and select the Change Chart Title... item in the context menu.

In the invoked Change Chart Title dialog box, enter a title and click OK.

To provide horizontal or vertical axis titles, right-click the chart and select the Change Horizontal Axis Title... or Change Vertical Axis Title... item in the context menu. Type a new title in the invoked dialog box.

The image below shows the result.

Expanded Apply a Predefined Style

In the Chart Styles group of the Design tab, click the chart style you wish to apply.

The image below shows a chart with Style 22 applied.

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