Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

This content has been archived and is no longer being updated.

Links may not function; however, this content may be relevant to outdated versions of the product.

Skin form — Components tab — Controls — Charts

Updated on April 5, 2022

You can style charts in your application skin by selecting Charts in the Controls section and setting a theme. When you style charts by using a theme, charts that are generated for report definition reports and the autogenerated chart control are styled consistently in your application.

The charts in your application use a default theme until you configure a new theme. The file text rule for the default theme is pyfusioncharts.theme.default. You can preview chart themes in the Skin form to see how different charts look without launching an application.

You use the following fields to set a theme:

  • Charts theme file (JS) – Enter the name of the text file rule that holds the JavaScript file that defines theme for charts in your application.
  • Theme name – Enter the name of theme. The theme name is defined in the charts theme JavaScript file as the name attribute of theme that is registered.

Preview pane

The preview pane shows how some types of charts will look in your application with theme applied. The following chart types are displayed in the preview pane:

  • Area chart; Overlaid
  • Bar chart; 100%
  • Column chart; Clustered
  • Gauge; Half arch
  • Line chart; Curved
  • Pie chart; Normal

  • 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.

  • Chart types and subtypes

    You can include charts in summarized reports.

  • Previous topic Applying a custom button format
  • Next topic Skin form — Components tab — Controls — Check boxes

Have a question? Get answers now.

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

Did you find this content helpful?

Want to help us improve this content?

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

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us