.NET Chart Fill Styles, Chart Presentation Gallery

Chart Types

Scales, Axes, and Walls

Gauge Types

Presentation

Functions and Line Studies

Panels

Fill Styles

The control supports all fill styles commonly used in traditional MS Office-like applications, including solid colors, multi-color linear and radial gradients, images, a complete selection of hatch fill styles, and advanced gradients. Each fill style also comes with a corresponding MS Office-like visual editor.

Supported Technologies

WPF
WinForms
ASP.NET
MVC

WPF
WinForms
Blazor Web-Assembly
Mac

WSS3.0
SharePoint 2007, 2010, 2013, 2016, and 2019

SQL Server Reporting Services 2005, 2008, 2008R2, 2012, 2014, 2016, 2017, 2019, and 2022

Solid Color

Solid color fill is applied on smooth edge 3D bars that are lit with a light source with a specular component.

Pattern

A rich library of predefined patterns is available, like confetti, brick, wave, zig-zag, upward and downward diagonal, and others. In this image, a brick hatch is used for the background and a light downward diagonal for the bars.

Gradient

The gradient fill style is based on a color formed by one or more points. Gradients can have various angles and locations, allowing for horizontal, vertical, diagonal, radial (from center), corner, and other variations.

Advanced Gradient

Advanced gradients are two-dimensional gradients that enable the creation of compelling backgrounds for presentation charts. They combine circular, linear, and rectangular gradient components into a complex, seamlessly blended color palette. With the Advanced Gradient Visual Editor, designing stunning gradients can be done in just minutes.

Image

The image fills allows you to display a raster (PNG, .JPEG, BMP etc.) or vector (EMF, EMF+, SVG) image on any chart element.

Best Practices for using Fill Styles

Consistency with Application Design and Company Branding
Ensure the fill styles used reflect the company’s branding and application UI design, including colors, and background logos. This allows the control to blend nicely with the other UI elements.

Contrast
Choose a fill style that provides sufficient contrast for the different chart elements.

Performance
When performance is critical prefer using single color fill styles, instead of image, hatch, or gradient styles.

Simple Frame
Choose a simple frame, like a standard single-color border frame over frames with excessive visual effects (like embossed borders), especially if the chart is not meant for presentational purposes.

.NET Components

BI and Reporting Tools

.NET Components

BI and Reporting Tools

.NET Components

BI and Reporting Tools

Additional Resources

.NET Chart Fill Styles

Chart Types

Scales, Axes, and Walls

Gauge Types

Presentation

Functions and Line Studies

Panels

Fill Styles

Supported Technologies

Solid Color

Pattern

Gradient

Advanced Gradient

Image

Best Practices for using Fill Styles

Next Steps