New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Styling Chart Elements

RadChart has been deprecated since Q3 2014 and is no longer recommended for use, as it does not support modern browsers. We strongly recommend using RadHtmlChart, Telerik's modern client-side charting component. To transition from RadChart to RadHtmlChart, refer to the following migration articles:

Explore the RadHtmlChart documentation and online demos to determine how it fits your development needs.

RadChart offers a set of properties to modify the look and feel of its elements. See those elements marked on the image below consider the table showing where their customization properties are located in the chart properties grid.

Rad Chart Elements

ElementProperties
a. Chart TitleElements -> ChartTitle -> Appearance; Elements -> ChartTitle -> TextBlock
b. LegendElements -> Legend -> Appearance
c. Legend TextBlock (Legend Title)Elements -> Legend -> TextBlock
d. Y AxisPlotArea -> YAxis -> Appearance
e. Y Axis Label (Axis Title)PlotArea -> YAxis -> AxisLabel
f. Y Axis Major TickPlotArea -> YAxis -> Appearance -> MajorTick
g. Y Axis Major GridLinePlotArea -> YAxis -> Appearance -> MajorGridLines
h. Y Axis Minor TickPlotArea -> YAxis -> Appearance -> MinorTicк
i. Y Axis Minor GridLinePlotArea -> YAxis -> Appearance -> MinorGridLines
j. Y Axis Label (Digit)PlotArea -> YAxis -> Appearance -> LabelAppearance
k. X AxisPlotArea -> XAxis -> Appearance
l. X Axis Label (Axis Title)PlotArea -> XAxis -> AxisLabel
m. X Axis Major TickPlotArea -> XAxis -> Appearance -> MajorTick
n. X Axis Major GridLinePlotArea -> XAxis -> Appearance -> MajorGridLines
o. X Axis Label (Digit)PlotArea -> XAxis -> Appearance -> LabelAppearance
p. Series 1Data -> Series -> [series name] -> Appearance -> Appearance
q. Series 2Data -> Series -> [series name] -> Appearance -> Appearance
r. Series Item LabelData -> Series -> [series name] -> Appearance -> Appearance -> TextAppearance
s. PlotAreaElements -> PlotArea -> Appearance

Common Appearance Properties

All chart elements have common appearance settings, which are:

  • Border – border width, color and style

  • Corners – corner style and size

  • Dimensions – width, height, margin, padding

  • FillStyle – background color, image and gradients

  • Position

  • Shadow – color, distance and position

  • Visible – true or false

In this article
Common Appearance Properties
Not finding the help you need?
Contact Support