Pages

Tuesday, 1 September 2015

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