Documentation Center

Changing the Presentation of an Analytics Report

You can change colors, borders, labels, shading, and other properties of a chart.

Before you begin

You must have Use application, Use analytics, and Develop app permissions and have a thorough understanding of XML and SDL LiveContent Reach skin development. See "Customizing Skins" in the SDL LiveContent Reach User Guide for more information. Additionally, if your modifications extend beyond changing a report title, report grouping, or chart type, you should be knowledgeable about HTML, CSS, JavaScript, XQuery, and XSL technologies.

About this task

You can change the underpinnings that drive a chart's presentation. The chart visualization used by SDL LiveContent Reach is "AnyChart." Modifications to the chart's presentation should all adhere to the AnyChart documentation.

Click http://www.anychart.com/products/anychart/docs/users-guide/index.html to access the AnyChart documentation.

Procedure

  1. Open the configuration, locate the <charts> element, followed by the <chart> element that you want to modify, and then note the value of the view attribute.
  2. In a text editor, open the XSL style sheet.

    LiveContent_home/db/LiveContent/ui/skins/your_skin/xsl/ui/analytics_views_custom.xsl

  3. Match the value of the match= attribute in the style sheet to the corresponding view attribute that you noted from your configuration.
    <xsl:template match="result[$view_type='view_to_be_changed']">
  4. Copy the appropriate XSL template from analytics_views.xsl, and add a priority attribute to the <xsl:template> attribute. This will cause your custom template to override the default template.
    Example:
    
    <xsl:template match="result[$view_type=’view_to_be_changed’]" 
    priority="10">
  5. Modify the XSL statements that control the AnyChart presentation, as appropriate.
  6. Save the style sheet.
  7. Upload the new skin customization into the database.
    • You can upload the resources using the web UI, as described by Adding a Skin and Resources.
    • You can also update the skins via the command line using the loaddb tool. Copy the updated skin resources from the source code repository to LiveContent_home/db/LiveContent/ui/skins/<your_skin>/.
      • On Windows, to load the most recent changes into the database run this command:

        loaddb.bat UPGRADE

      • On Linux, run this command:

        loaddb.sh UPGRADE