Styling charts

You can use the Theme editor to apply styles to charts. Apart from more general properties that you can use for styling, such as border and box properties, MCS provides some chart-specific properties.

You can use the Theme editor to apply styles to charts. Apart from more general properties that you can use for styling, such as border and box properties, MCS provides some chart-specific properties.

The properties allow you to specify colors to match your data values and grid colors. You can turn chart adornments and labels on and off, and override component width and height hints for specific devices. You can define the size and row count of text input controls, and style selection lists.

To specify mcs-chart-foreground-colors matching the data sets, you build a list of comma separated hexadecimal color values. The mcs-chart-grid-color property takes a single value from the system colors.

mcs-chart-x-axis-angle and mcs-chart-y-axis-angle values give the rotation of the graph to produce a three-dimensional effect. Bar charts are rotated from the plane which goes back at right-angles to the screen. Pie charts rotate from the plane of the screen and therefore need a larger angle to produce a useful effect.

Related topics