title: how to create a column chart with multiple series in sapUi5
body: <p>I am trying to create a column chart for my data </p>
  
  <pre><code>var oData = {
                  Names:[
                      {
                          store: "Gucci",
                          yearT: "100",
                          year: "2016"
                      },
                      {
                          store: "Gucci",
                          yearT: "200",
                          year: "2017"
                      },
                      {
                          store: "Jocky",
                          yearT: "300",
                          year: "2016"
                      },
                      {
                          store: "Jocky",
                          yearT: "400",
                          year: "2017"
                      }
                  ]   
              };
  </code></pre>
  
  <p>and it should like <a href="https://i.stack.imgur.com/I53g5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/I53g5.png" alt="Dual column chart"></a></p>
  
  <p>where cost1 cost2 will represents Year Transaction for the store eg. Gucci  over the "year". I want respective year lable to be shown over the chart columns. Thus for the store name gucci there will be 2 columns as in image which will show yearly transactions over the year 2016 and 2017 displayed on respective columns. I am trying to do by following code which I am referring from <a href="http://jsbin.com/gutakuyacu/1/edit?html,output" rel="nofollow noreferrer">this link</a> </p>
  
  <pre><code>onInit: function() {
          var oData = {
                  Names:[
                      {
                          store: "Gucci",
                          yearT: "100",
                          year: "2016"
                      },
                      {
                          store: "Gucci",
                          yearT: "200",
                          year: "2017"
                      },
                      {
                          store: "Jocky",
                          yearT: "300",
                          year: "2016"
                      },
                      {
                          store: "Jocky",
                          yearT: "400",
                          year: "2017"
                      }
                  ]   
              };
  
              var oModel = sap.ui.model.json.JSONModel();
  
              oModel.setData(oData);
  
              sap.ui.getCore().setModel(oModel);
  
  
              debugger
              var oVizFrame= sap.ui.getCore().byId("bottomVizFrame");
  //          this._updateBottomFrame(oVizFrame);
  
  
              var oDataset = new sap.viz.ui5.data.FlattenedDataset({
                  dimensions:[{
                      name:'Store',
                      value:'{store}'
                  }],
                  measures: [
                      {
                          name:'Year Value',
                          value:'{yearT}'
                      },
                      {
                          name:'Year',
                          value:'{year}'
                      }
                  ],
                  data:{
                      path:"/Names"
                  }
              });
  
              oVizFrame.setDataset(oDataset);
              oVizFrame.setModel(oModel);
  
              var oFeedXAxis1 = new sap.viz.ui5.controls.common.feeds.FeedItem({
                  'uid': "primaryValues",
                  'type':"Measure",
                  'values':["Year Value"]
              });
              var oFeedXAxis2 = new sap.viz.ui5.controls.common.feeds.FeedItem({
                  'uid': "primaryValues1",
                  'type':"Measure",
                  'values':["Year"]
              });
              var oFeedYAxis = new sap.viz.ui5.controls.common.feeds.FeedItem({
                  'uid':"axisLabels",
                  'type':"Dimension",
                  'values':["Store"]  
              });
  
              oVizFrame.addFeed(oFeedXAxis1);
              oVizFrame.addFeed(oFeedXAxis2);
              oVizFrame.addFeed(oFeedYAxis);
  
      },
  </code></pre>
  
  <hr>
  
  <pre><code>createContent : function(oController) {
          /* Viz Frame Charts */
  
  
  
          var oVizFrame = new sap.viz.ui5.controls.VizFrame({
              id : "bottomVizFrame",
              'uiConfig' : {
                  'applicationSet' : 'fiori'
              },
              'vizType': 'dual_bar',
              'vizProperties' : {
                  title : {
                      visible : true,
                  },
                  valueAxis : {
                      title : {
                          visible : true
                      }
                  },
                  categoryAxis : {
                      title : {
                          visible : true
                      }
                  }
              },
          });
  </code></pre>