Skip to main content

Table of Contents

Styling charts in the application skin


Only available versions of this content are shown in the dropdown

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.

Did you find this content helpful?

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us