Google Analytics Dashboard

Documentation

Element for grouping Google Analytics elements together.

<google-analytics-chart> elements inside a <google-analytics-dashboard>element will automatically update as control elements (e.g. <google-analytics-view-selector> or <google-analytics-date-selector>) update query parameters.

Example

<google-analytics-dashboard>

  <google-analytics-view-selector></google-analytics-view-selector>
  <google-analytics-date-selector></google-analytics-date-selector>

  <google-analytics-chart
    metrics="ga:sessions"
    dimensions="ga:country"
    sort="-ga:sessions"
    maxResults="5"
    chartType="column">
  </google-analytics-chart>

</google-analytics-dashboard>

API Reference

SHOW PRIVATE API

Properties

authorized

Booleandefault: false

True if user has been authorized

query

Objectdefault: {}

The query attribute represents the internal query object of this dashboard. It is updated when control elements fire the analytics-dashboard-control-change event and pass along query data.

Methods

queryUpdated(event)

1. event CustomEvent 
   The event with the query data.

The queryUpdated method is the callback for whenever theanalytics-dashboard-control-change event is fired. It updates the query attribute, which is then sent to child charts.

updateChildren()

The updateChildren method updates each of this dashboards<google-analytics-chart> element with its current query value.

Digital Marketing Agency