Adds the Material Bar chart.

Author: wesalvaro

demo/index.html

@@ -29,6 +29,11 @@
     cols='[{"label": "Data", "type": "string"},{"label": "Value", "type": "number"}]'
     rows='[["Something", 1]]'></google-chart>
 
+  <google-chart
+    type="md-bar"
+    cols='[{"label": "Data", "type": "string"},{"label": "Value", "type": "number"}]'
+    rows='[["Something", 1]]'></google-chart>
+
   <p>Charts can be resized with CSS, but you'll need to call the <code>drawChart</code> method when the size changes.</p>
   <p>Here's a basic responsive example using only CSS and JS (You could also use <code>&lt;iron-media-query&gt;</code>):</p>
 

google-chart-loader.html

@@ -18,6 +18,10 @@
     'bar': {
       ctor: 'BarChart',
     },
+    'md-bar': {
+      ctor: 'Bar',
+      pkg: 'bar',
+    },
     'bubble': {
       ctor: 'BubbleChart',
     },
@@ -128,7 +132,7 @@
       const chartData = CHART_CONSTRUCTORS[type];
       return this._load([chartData.pkg || DEFACTO_CHART_PACKAGE])
         .then(pkgs => {
-          return pkgs[0][chartData.ctor];
+          return google[type.startsWith('md-') ? 'charts' : 'visualization'][chartData.ctor];
         });
     },