Home | History | Annotate | Download | only in ui
      1 <!--
      2 Copyright 2014 The Chromium Authors. All rights reserved.
      3 Use of this source code is governed by a BSD-style license that can be
      4 found in the LICENSE file.
      5 -->
      6 
      7 <link rel="import" href="../lib/chart-loader.html">
      8 
      9 <polymer-element name="ct-chart" attributes="table options width height">
     10   <template>
     11     <canvas id='chart' width="{{ width }}" height="{{ height }}"></canvas>
     12   </template>
     13   <script>
     14     Polymer({
     15       table: null,
     16       options: null,
     17       observe: {
     18         options: 'updateChart',
     19         table: 'updateChart'
     20       },
     21       updateChart: function() {
     22         if (this.table == null || this.options == null) {
     23           return;
     24         }
     25         var ctx = this.$.chart.getContext("2d");
     26         new Chart(ctx).Bar(this.table, this.options);
     27       }
     28     });
     29   </script>
     30 </template>
     31