Initial UI for Metrics in Observatory

runtime/bin/vmservice/observatory/lib/src/app/chart.dart

 // Copyright (c) 2014, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 part of app;
 
 class GoogleChart {
   static var _api;
 
   /// Get access to the JsObject containing the Google Chart API:
@@ skipping 38 matching lines @@
   /// Number of rows.
   int get rows => _table.callMethod('getNumberOfRows');
 
   /// Add a new column with [type] and [label].
   /// type must be: 'string', 'number', or 'boolean'.
   void addColumn(String type, String label) {
     _table.callMethod('addColumn', [type, label]);
   }
 
   /// Add a new column with [type], [label] and [role].
-  /// Roles are used for metadata such as 'interval' or 'annotation'.
+  /// Roles are used for metadata such as 'interval', 'annotation', or 'domain'.
   /// type must be: 'string', 'number', or 'boolean'.
   void addRoleColumn(String type, String label, String role) {
     _table.callMethod('addColumn', [new JsObject.jsify({
       'type': type,
       'label': label,
       'role': role,
     })]);
   }
 
-  /// Remove rows [start, end).
-  void removeRows(int start, int end) {
-    _table.callMethod('removeRows', [start, end]);
+  /// Remove [count] columns starting with [start].
+  void removeColumns(int start, int count) {
+    _table.callMethod('removeColumns', [start, count]);
+  }
+
+  /// Remove all columns in the table.
+  void clearColumns() {
+    removeColumns(0, columns);
+  }
+
+  /// Remove [count] rows starting with [start].
+  void removeRows(int start, int count) {
+    _table.callMethod('removeRows', [start, count]);
   }
 
   /// Remove all rows in the table.
   void clearRows() {
     removeRows(0, rows);
   }
 
   /// Adds a new row to the table. [row] must have an entry for each
   /// column in the table.
   void addRow(List row) {
     _table.callMethod('addRow', [new JsArray.from(row)]);
   }
+
+  void addTimeOfDayValue(DateTime dt, value) {
+    var array = new JsArray.from([dt.hour, dt.minute, dt.second]);
+    addRow([array, value]);
+  }
 }
 
 class Chart {
   var _chart;
   final Map options = new Map();
 
   /// Create a Google Chart of [chartType]. e.g. 'Table', 'AreaChart',
   /// 'BarChart', the chart is rendered inside [element].
   Chart(String chartType, Element element) {
     _chart = new JsObject(GoogleChart.api[chartType], [element]);
@@ skipping 10 matching lines @@
       options['sortAscending'] = props['ascending'];
     }
   }
 
   /// Draw this chart using [table] and the current [options].
   void draw(DataTable table) {
     var jsOptions = new JsObject.jsify(options);
     _chart.callMethod('draw', [table._table, jsOptions]);
   }
 }