Styling charts in the application skin

When you style charts by using a theme, charts that are generated for report definition reports and the automatically generated chart control are styled consistently, so you do not need to style charts individually. The charts in your application use a default theme until you configure a new theme.

  1. In the Dev Studio header, click the name of your current application, and then click Skin.
  2. On the Component styles tab, click Dynamic Layouts.
  3. In the Controls list, click Charts.
  4. In the Charts theme file (JS) field, enter the name of the text file rule that holds the JavaScript file that defines theme for charts in your application.
  5. In the Theme name field, enter the theme name.
    The theme name is defined in the charts theme JavaScript file as the name attribute of theme that is registered.
  6. In the preview pane, preview how a subset of chart types look with theme applied.
  7. Save your changes.