Help & DocumentationCreating ContentJavaScript Charting ExamplesCreate Google Line Multi Series Chart from Pivot Table

Create Google Line Multi Series Chart from Pivot Table

In many cases your reports return multiple columns of data. If you want to perform multi series reporting on this data with a JavaScript chart, you can create a Pivot Table on the report and then associate a chart with that Pivot Table.

This article provides a step by step example of creating a Google Line Multi Series chart using the results from a pivot table.

Google documentation on Line Chart API can be found at https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart

1. Choose a Report that contains a Time Series of multiple items

Choose a Report that contains a Time Series of multiple itemsZoom: Choose a Report that contains a Time Series of multiple items

In this example, the calendar_date column contains the time series data

2. Add Pivot

Add PivotZoom: Add Pivot
  1. Navigate to Charts and Pivots tab
  2. Click Add Pivot button

3. Define Pivot Parameters

Define Pivot Parameters
  1. Set Row values
  2. Choose Column values
  3. Select Aggregation method
  4. Choose Column to aggregate

Save

4. Full Pivot Editor Displays

Full Pivot Editor DisplaysZoom: Full Pivot Editor Displays
  1. Input a meaningful Name
  2. Adjust any values on the Pivot Editor

Save

5. Associate a Chart with the Pivot Table

Associate a Chart with the Pivot TableZoom: Associate a Chart with the Pivot Table
  1. Navigate to the Pivot Charts tab
  2. Click New Chart button

5.1. Select Chart Type

Select Chart Type
  1. Select Google Line as Chart type

Save

6. Full Chart Editor Displays

Full Chart Editor DisplaysZoom: Full Chart Editor Displays
  1. Input a meaningful name for your chart
  2. Optionally edit X-axis title
  3. Optionally edit Y-axis title

Save & publish

7. Chart Displays in Report Viewer