| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2014 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2014 The Chromium Authors. All rights reserved. |
| 4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
| 5 found in the LICENSE file. | 5 found in the LICENSE file. |
| 6 --> | 6 --> |
| 7 | 7 |
| 8 <link rel="import" href="/tracing/base/range.html"> | 8 <link rel="import" href="/tracing/base/range.html"> |
| 9 <link rel="import" href="/tracing/ui/base/bar_chart.html"> |
| 9 <link rel="import" href="/tracing/ui/base/d3.html"> | 10 <link rel="import" href="/tracing/ui/base/d3.html"> |
| 10 <link rel="import" href="/tracing/ui/base/bar_chart.html"> | |
| 11 | 11 |
| 12 <script> | 12 <script> |
| 13 'use strict'; | 13 'use strict'; |
| 14 | 14 |
| 15 tr.exportTo('tr.ui.b', function() { | 15 tr.exportTo('tr.ui.b', function() { |
| 16 var BarChart = tr.ui.b.BarChart; | 16 var BarChart = tr.ui.b.BarChart; |
| 17 | 17 |
| 18 // @constructor | 18 // @constructor |
| 19 var NameBarChart = tr.ui.b.define('name-bar-chart', BarChart); | 19 var NameBarChart = tr.ui.b.define('name-bar-chart', BarChart); |
| 20 | 20 |
| 21 NameBarChart.prototype = { | 21 NameBarChart.prototype = { |
| 22 __proto__: BarChart.prototype, | 22 __proto__: BarChart.prototype, |
| 23 | 23 |
| 24 decorate: function() { | 24 decorate: function() { |
| 25 BarChart.prototype.decorate.call(this); | 25 BarChart.prototype.decorate.call(this); |
| 26 this.classList.remove('bar-chart'); | 26 Polymer.dom(this).classList.remove('bar-chart'); |
| 27 this.classList.add('name-bar-chart'); | 27 Polymer.dom(this).classList.add('name-bar-chart'); |
| 28 this.bottomMargin_ = 40; | 28 this.bottomMargin_ = 40; |
| 29 }, | 29 }, |
| 30 | 30 |
| 31 isDatumFieldSeries_: function(fieldName) { | 31 isDatumFieldSeries_: function(fieldName) { |
| 32 return fieldName != 'x'; | 32 return fieldName != 'x'; |
| 33 }, | 33 }, |
| 34 | 34 |
| 35 getXForDatum_: function(datum, index) { | 35 getXForDatum_: function(datum, index) { |
| 36 return index; | 36 return index; |
| 37 }, | 37 }, |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 86 } | 86 } |
| 87 }.bind(this)); | 87 }.bind(this)); |
| 88 } | 88 } |
| 89 }; | 89 }; |
| 90 | 90 |
| 91 return { | 91 return { |
| 92 NameBarChart: NameBarChart | 92 NameBarChart: NameBarChart |
| 93 }; | 93 }; |
| 94 }); | 94 }); |
| 95 </script> | 95 </script> |
| OLD | NEW |