Switch from Google charts to Charted

runtime/observatory/lib/src/elements/metrics.html

Index: runtime/observatory/lib/src/elements/metrics.html
diff --git a/runtime/observatory/lib/src/elements/metrics.html b/runtime/observatory/lib/src/elements/metrics.html
index 899292abec8746a4e1b47ef214c3e3f31d58030d..a6a041177b1c3283dad78260fce6d3023b4c5794 100644
--- a/runtime/observatory/lib/src/elements/metrics.html
+++ b/runtime/observatory/lib/src/elements/metrics.html
@@ -127,12 +127,20 @@
 <polymer-element name="metrics-graph" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
+    <link rel="stylesheet" href="../../../../packages/charted/charts/themes/quantum_theme.css">
     <style>
-      .graph {
-        min-height: 600px;
-      }
+.chart-wrapper {
+  padding: 40px;
+  width: 800px;
+}
+.chart-host-wrapper {
+  height: 300px;
+}
     </style>
-    <div id="graph" class="graph">
+    <div class="chart-wrapper" id="metric-chart">
+        <div class="chart-host-wrapper">
+            <div class="chart-host" dir="ltr"></div>
+        </div>
     </div>
   </template>
 </polymer-element>