[Expand]General Information
[Collapse]WinForms Controls
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Collapse]Chart Control
   [Expand]Getting Started
   [Expand]Charting Basics
   [Expand]Series Views
   [Expand]Chart Elements
   [Expand]Providing Data
   [Expand]Data Representation
   [Expand]Appearance Customization
   [Expand]End-User Features
   [Expand]Design-Time Features
   [Expand]Visual Elements
    [Expand]Creating Charts
    [Collapse]Chart Elements
      How to: Add Titles to a Chart
      How to: Enable Word Wrapping for Chart Titles
      How to: Create a Multi-Pane Chart
      How to: Display a Series in an Additional Pane (Runtime Sample)
      How to: Display Automatically Created Series in Separate Panes
      How to: Add a Title to an Axis
      How to: Determine whether an Axis Title is Being Hovered by the Mouse Pointer
      How to: Add Secondary Axes to a Chart
      How to: Customize an Axis Range
      How to: Create Custom Axis Labels
      How to: Individually Customize Axis Labels
      How to: Add a Constant Line to an Axis
      How to: Add a Strip to an Axis
      How to: Enable Automatic Scale Breaks for an Axis
      How to: Manually Insert a Scale Break into an Axis
      How to: Manually Insert a Scale Break into an Axis (Runtime Sample)
      How to: Show Numerical Data Using a Logarithmic Scale
      How to: Add a Trend Line to a Chart
      How to: Add a Fibonacci Indicator to a Chart
      How to: Add a Fibonacci Indicator to a Chart (Runtime Sample)
      How to: Show a Regression Line for a Stock Chart
      How to: Show a Regression Line for a Stock Chart (Runtime Sample)
      How to: Plot the Fixed Value Error Bars Indicator on a Chart
      How to: Plot the Standard Error Bars Indicator on a Chart
      How to: Plot the Percentage Error Bars Indicator on a Chart
      How to: Plot the Standard Deviation Error Bars Indicator on a Chart
      How to: Plot the Data Source Based Error Bars Indicator on a Chart
      How to: Create Custom Legend Radio Buttons to Control Visibility of a Chart Series
      How to: Create an Image Annotation Anchored to a Chart or Pane
      How to: Add an Annotation at Runtime
      How to: Create a Text Annotation Anchored to a Series Point
      How to: Add an Additional Legend to a Chart
      How to: Add a Legend Title
      How to: Add a Custom Legend Item
    [Expand]End-User Interaction
    [Expand]Producing Output
   [Expand]Additional Resources
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[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]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

How to: Manually Insert a Scale Break into an Axis

This tutorial demonstrates how an axis range can be manually split by scale breaks at design time. For the runtime example, refer to How to: Manually Insert a Scale Break into an Axis (Runtime Sample). For a general information, refer to Scale Breaks. To learn about an alternative approach - automatic scale breaks creation, refer to How to: Enable Automatic Scale Breaks for an Axis.

This tutorial consists of the following sections.

Expanded Steps 1-5. Creating a New Chart and Adding Data

  1. Start MS Visual Studio (2008 or 2010), and create a new Windows Forms Application, or open an existing one.
  2. Drop the ChartControl onto the form. Note that in this instance, the Chart Wizard may be invoked (if its "Show wizard every time a new chart is added" option is enabled). In this example, we don't need to use the wizard, so click Cancel to close the wizard's window and manually customize the ChartControl.

    Dock the control to fill the form by clicking Dock in parent container in the Chart's actions list.

  3. To add a new series to the chart, select the ChartControl, open its smart tag and choose the Series... item in the tasks list. Then, the Series Collection Editor will be invoked.

  4. This dialog allows you to add new series to a chart, and maintain their properties. Click Add... and select Bar from the list of view types.

  5. To populate the created series with data points in this example, we'll use the following arguments and values for the series. These values have a significant spread, and simultaneously represent decimals, hundreds, and thousands.

    Argument Value
    A 5
    B 104
    C 2006
    D 3
    E 108
    F 2007
    G 4
    H 105
    I 2009

Expanded Steps 6-7. Insert and Adjust Scale Breaks

  1. Now, the chart has the following look.

    As the image above demonstrates, the default look isn't very informative, since the points that represent thousands occupy the most of the diagram, and the specifics of lesser values are obscured.

    To improve that, we'll insert scale breaks into the axis of values (Y-axis) as a replacement for two sparsely used regions (decimals - hundreds, and hundreds - thousands) with special strips, and the axis range will be adjusted appropriately.

  2. To do this, select the Y-axis, and in the Properties window, locate the Axis.ScaleBreaks property, and click its ellipsis button, to invoke the Scale Break Collection Editor.

    In this dialog, use the Add button to create two scale breaks. For the first scale break, set its ScaleBreak.Edge1 and ScaleBreak.Edge2 properties to 10 and 100, correspondingly. And, for the second scale break, set these properties to 110 and 2000.

    Click Close, to quit the dialog, and apply the changes.

Our goal is achieved - the scale breaks are added to the axis. The result is shown in the following image.

Now, if required, you can customize the appearance of scale breaks, via the Axis.ScaleBreakOptions property. It provides access to the following appearance settings (note that these settings affect all scale breaks at one time, and don't allow you to individually access a scale break entry).

These options are described below:

Expanded See Also

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