title: Echart bar won't showing using json
body: <p>I'm new and need your help with this. I want to build Basic Bar inverted axes using json data. It's should be look like this : 
  <a href="http://i.stack.imgur.com/Ni7pd.jpg" rel="nofollow">Bar Inverted Axes</a>
  , but somehow the chart won't display. I'm using angular to build the web apps, this is my controller </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>.controller("JsonCtrl", function ($scope, $http,$location, chartBar) {
         
          $scope.data1 = {};
  
          $http.get('data/set.json')
              .success(function (data1) {
                   var axis1 = [],seriesa = [],seriesb = [], seriesc = [], seriesd = [], seriese = [] ;
                    data1.forEach(function(row) {
                      axis1.push(row.data1);
                      seriesa.push(row.data2);
                      seriesb.push(row.data3);
                      seriesc.push(row.data4);
                      seriesd.push(row.data5);
                      seriese.push(row.data6);
                     
                      });
     
                  $scope.data1.a=axis1;
                  $scope.data1.b=seriesa;
                  $scope.data1.c=seriesb;
                  $scope.data1.d=seriesc;
                  $scope.data1.e=seriesd;
                  $scope.data1.f=seriese;
               
  
                /**/
                  console.log($scope.data1);
  
                 
                  var c = chartBar('mainb',$scope.data1);
                                 //windows responsive
                  window.onresize=function ()
                   {
                      c.resize()
                      
                  }
                  //
              })  
              .error(function (error) {
                  $scope.data.error = error;
              });
  
      })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;div class="col-xs-12 col-sm-12 widget-container-col"&gt;
                  &lt;div class="widget-box"&gt;
                      &lt;div class="widget-header"&gt;
                          &lt;h5 class="widget-title"&gt;Barca (Bar Chart)&lt;/h5&gt;
                          &lt;div class="widget-toolbar"&gt;
                              &lt;a href="#" data-action="fullscreen" class="orange2"&gt;
                                  &lt;i class="ace-icon fa fa-expand"&gt;&lt;/i&gt;
                              &lt;/a&gt;
  
                              &lt;a href="#" data-action="collapse"&gt;
                                  &lt;i class="ace-icon fa fa-chevron-up"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="widget-body"&gt;
                          &lt;div class="widget-main"&gt;
                              &lt;div id="mainb" style="height:250px;"&gt;&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here json data :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{
    "data1": ["Smtra", "Jawa", "Klmtn", "Sulwsi", "Maluku"]
    "data2": [149739, 244347, 54462, 59869, 6713],
    "data3": [150089, 223519, 49523, 58881, 6152],
    "data4": [141625, 200745, 46966, 54637, 6733],
    "data5": [120428, 173979, 42208, 45067, 6034],
    "data6": [114254, 164168, 39415, 38750, 5301]
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>And this is the factory to build the chart :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>.factory('chartBar',function(echartTheme){
          return function(element, data1){
              var echartBar = echarts.init(document.getElementById(element), echartTheme);
  
              echartBar.setOption({
                  title: {
                      text: 'Bar Graph',
                      subtext: 'Bar'
                  },
                  tooltip: {
                      trigger: 'axis'
                  },
                  legend: {
                      x: 100,
                      data: ['2010', '2011', '2012', '2013', '2014']
                  },
                  toolbox: {
                      show: true,
                      feature: {
                          saveAsImage: {
                              show: true,
                              title: "Save Image"
                          }
                      }
                  },
                  calculable: true,
                  xAxis: [{
                      type: 'value',
                      boundaryGap: [0, 0.01]
                  }],
                  yAxis: [{
                      type: 'category',
                      data: data1.a
                  }],
                  series: [{
                      name: '2010',
                      type: 'bar',
                      data: data1.b
                  }, {
                      name: '2011',
                      type: 'bar',
                      data: data1.c
                  }, {
                      name: '2012',
                      type: 'bar',
                      data: data1.d
                  }, {
                      name: '2013',
                      type: 'bar',
                      data: data1.e
                  }, {
                      name: '2014',
                      type: 'bar',
                      data: data1.f
                  }]
              });
          }
      })</code></pre>
  </div>
  </div>
  
  I wish you can help me :)</p>