Styling charts in the application skin

You can style charts in your application skin by using a Charts control defined with a theme. When you style charts by using a theme, all of the charts in your application are styled consistently, and you do not need to style charts individually. All charts in your application use a default theme until you configure a new theme.

1. In the Designer Studio header, click the name of your current application, and click Open Application Skin.
2. On the Component styles tab of the Skin form, click Dynamic Layouts.
3. In the Controls list, click Charts.
4. Specify the following information about the theme to use for styling charts:
   • Charts theme file (JS) – Enter the name of the text file rule that holds the JavaScript file that defines the theme for charts in your application.
   • Theme name – Enter a name for the theme.
5. Preview how some chart types look with the theme applied.
6. Save your changes.

Open topic with navigation