Demos for md-scatter and md-line

shawvyu · Sep 1, 2016 · 3250134 · 3250134
1 parent f1156fb
commit 3250134
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/demo/index.html b/demo/index.html
@@ -324,7 +324,17 @@ <h2>Chart gallery</h2>
     cols='[{"label": "Month", "type": "string"},{"label": "Days", "type": "number"}]'
     rows='[["Jan", 31],["Feb", 28],["Mar", 31],["Apr", 30],["May", 31],["Jun", 30]]'>
   </google-chart>
-
+
+  <p>Here's a material line chart:</p>
+
+  <google-chart
+    id="line-chart-md"
+    type="md-line"
+    options='{"title": "Days in a month"}'
+    cols='[{"label": "Month", "type": "string"},{"label": "Days", "type": "number"}]'
+    rows='[["Jan", 31],["Feb", 28],["Mar", 31],["Apr", 30],["May", 31],["Jun", 30]]'>
+  </google-chart>
+
   <p>Here's a organization chart:</p>
 
   <google-chart
@@ -363,6 +373,19 @@ <h2>Chart gallery</h2>
            [68, 15]]'>
   </google-chart>
 
+  <p>Here's a material scatter chart:</p>
+
+  <google-chart
+    type="md-scatter"
+    options='{"legend": "none"}'
+    data='[["A", "B"],
+           [20, 45],
+           [31, 66],
+           [50, 80],
+           [77, 50],
+           [68, 15]]'>
+  </google-chart>
+
   <p>Here's a stepped area chart:</p>
 
   <google-chart