[GitHub] [incubator-echarts] DorisOu opened a new issue #10080: dynamic bar-can not show with five bars in the first time

Sun, 10 Mar 2019 23:26:09 -0700 

DorisOu opened a new issue #10080: dynamic bar-can not show with five bars in 
the first time
URL: https://github.com/apache/incubator-echarts/issues/10080
 
 
   $(function() {
   
       var myChart = echarts.init(document.getElementById('totalBar'));
   
       var myChart = echarts.init(document.getElementById('totalBar'));
       option = {
           title: {
               text: '服务能力搜索总排名',
               left: 'center',
               textStyle: {
                   fontWeight: 'bold'
               }
           },
           legend: {
               data: ['年需求排名', '月需求排名'],
               bottom: 0,
               selectedMode: 'single'
           },
           dataZoom: {
               show: false,
               start: 0,
               end: 100
           },
           grid: {
               left: '5%',
               right: '0%',
               bottom: '5%',
               top: "20%",
               containLabel: true
           },
           tooltip: {
               trigger: 'axis',
               axisPointer: {
                   type: 'cross',
                   label: {
                       backgroundColor: '#283b56'
                   }
               }
           },
           xAxis: [{
               type: 'category',
               boundaryGap: true,
               data: ['产品质量追溯', '打码设备', '供应链管理', '经营管理', '设备远程运维及服务', '设备智能调机', 
'生产品质管控', '生产设备状态监控', '研发管理协同', '智能排单调度', '应用服务目录']
           }],
           yAxis: [{
               type: 'value',
               scale: true,
               name: '预购量'
           }],
           series: [{
               name: '年需求排名',
               type: 'bar',
               data: [28195, 18752, 17888, 11984, 10773, 10426, 8873, 3887, 
1965, 716, 1220]
           }, {
               name: '月需求排名',
               type: 'bar',
               color: '#eeb02d',
               data: [100, 120, 102, 175, 122, 214, 201, 233, 126, 158, 1688]
           }]
       };
       option.timeTicket = setInterval(function() {
           var data0 = option.series[0].data;
           var p2 = data0.shift();
           data0.push(p2);
   
           var kl = option.xAxis[0].data.shift();
           option.xAxis[0].data.push(kl);
           myChart.setOption(option);
       }, 3000);
   });
   
   
   try so hard, do not know how to show five bars in the first time.

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
[email protected]


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to