| Index: appengine/sheriff_o_matic/ui/ct-chart.html
|
| diff --git a/appengine/sheriff_o_matic/ui/ct-chart.html b/appengine/sheriff_o_matic/ui/ct-chart.html
|
| index 4ab4ad2d3e42f24c8a079bb0a6e322182f19c52a..9c63f33d804fa2583f99b3f317a432c1d6dbf7d4 100644
|
| --- a/appengine/sheriff_o_matic/ui/ct-chart.html
|
| +++ b/appengine/sheriff_o_matic/ui/ct-chart.html
|
| @@ -2,29 +2,36 @@
|
| Copyright 2014 The Chromium Authors. All rights reserved.
|
| Use of this source code is governed by a BSD-style license that can be
|
| found in the LICENSE file.
|
| --->
|
| +--><html><head><link rel="import" href="../lib/chart-loader.html">
|
|
|
| -<link rel="import" href="../lib/chart-loader.html">
|
| -
|
| -<polymer-element name="ct-chart" attributes="table options width height">
|
| +<dom-module id="ct-chart">
|
| <template>
|
| - <canvas id='chart' width="{{ width }}" height="{{ height }}"></canvas>
|
| + <canvas id="chart" width="{{ width }}" height="{{ height }}"></canvas>
|
| </template>
|
| <script>
|
| Polymer({
|
| - table: null,
|
| - options: null,
|
| - observe: {
|
| - options: 'updateChart',
|
| - table: 'updateChart'
|
| + is: 'ct-chart',
|
| + properties: {
|
| + height: { notify: true },
|
| + options: {
|
| + value: null,
|
| + notify: true,
|
| + observer: 'updateChart'
|
| + },
|
| + table: {
|
| + value: null,
|
| + notify: true,
|
| + observer: 'updateChart'
|
| + },
|
| + width: { notify: true }
|
| },
|
| - updateChart: function() {
|
| + updateChart: function () {
|
| if (this.table == null || this.options == null) {
|
| return;
|
| }
|
| - var ctx = this.$.chart.getContext("2d");
|
| + var ctx = this.$.chart.getContext('2d');
|
| new Chart(ctx).Bar(this.table, this.options);
|
| }
|
| });
|
| </script>
|
| -</template>
|
| +</dom-module>
|
|
|