气泡图沿时间分步

调试运行
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>图形展示</title>
</head>
<body>
 
<div class="detail-section">
    <div id="canvas">
 
    </div>
</div>
 
<script src="http://g.tbcdn.cn/bui/acharts/1.0.32/acharts-min.js"></script>
<!-- https://g.alicdn.com/bui/acharts/1.0.29/acharts-min.js -->
 
 
  <script type="text/javascript">
        var chart = new AChart({
          theme : AChart.Theme.SmoothBase,
          id : 'canvas',
          width : 950,
          height : 500,
          plotCfg : {
            margin : [50,50,100]
          },
          xAxis : {
            type : 'time',
            formatter : function(value)   {
              return AChart.Date.format(new Date(value),'yyyy-mm-dd');
            }
          },
          yAxis : {
            title : {
              text : '气泡'
            },
            min : -10
          },  
          tooltip : {
            shared : true
          },
          seriesOptions : {
              bubbleCfg : {
                
              }
          },
          series: [{
            name : 'bubble1',
            data: [
              [1147651200000,81,63],
              [1147737600000,5,89],
              [1147824000000,50,73],
              [1147910400000,22,14],
              [1147996800000,24,20],
              [1148256000000,37,34],
              [1148342400000,56,53],
              [1148428800000,45,70],
              [1148515200000,44,28],
              [1148601600000,52,59]]
        }]
        });
 
        chart.render();
  </script>
 
</body>
</html>