Merge pull request #152 from moander/feature/md-ctors

Add Material Design Scatter and Line chart types.

Author: wesalvaro

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

google-chart-loader.html

@@ -46,6 +46,10 @@
     'line': {
       ctor: 'LineChart',
     },
+    'md-line': {
+      ctor: 'Line',
+      pkg: 'line',
+    },
     'org': {
       ctor: 'OrgChart',
       pkg: 'orgchart',
@@ -56,6 +60,10 @@
     'scatter': {
       ctor: 'ScatterChart',
     },
+    'md-scatter': {
+      ctor: 'Scatter',
+      pkg: 'scatter',
+    },
     'stepped-area': {
       ctor: 'SteppedAreaChart',
     },