title: how to animate morris bar chart?
body: <p>I am trying to animate morris bar chart, morris bar chart got displayed but I want animation and different colour for each bar. And my code is:</p>
  
  <pre><code>success:function(response){
                      $('body').css('cursor', 'default');
                      if(response.status == 'success'){
                          var productValueCountList=response.productcountlist;
                          $('#productCount-bar').empty();
                          if(productValueCountList=='')
                          {vex.dialog.alert("No record found")
                              return false;
                          }
                          Morris.Bar({
  
                              element: 'productCount-bar',
  
                              data:productValueCountList,
                              xkey: 'productName',
                              ykeys: ['productCount'],
                              labels: ['Number of Product'],
                              barRatio: 0.3,
                              barSizeRatio:0.3,
                              xLabelAngle:25,
                              //seriesColors:['#85802b', '#00749F', '#73C774', '#C7754C'],
                              // barColors: ["#B21516", "#1531B2", "#1AB244", "#B29215"],
                              hideHover: 'auto'
  
  
                          });
  </code></pre>
  
  <p>In above code <code>productcountlist</code> is JSON array.
  Please help me or give me another solution.</p>