[GitHub] [incubator-echarts] pratik227 opened a new issue #12152: Is there any way to stack bars in the waterfall chart as in the below picture?

Sat, 15 Feb 2020 00:43:40 -0800 

pratik227 opened a new issue #12152: Is there any way to stack bars in the 
waterfall chart as in the below picture?
URL: https://github.com/apache/incubator-echarts/issues/12152
 
 
   ### What problem does this feature solve?
   Is there any way to stack bars in the waterfall chart as in the below 
picture?
   
   
   ![Screenshot from 2020-02-15 
14-00-06](https://user-images.githubusercontent.com/34883558/74584908-4a4b7200-4ffd-11ea-824c-c43cea2e7cc9.png)
   
   ### What does the proposed API look like?
   
   option = {
       title: {
           text: '阶梯瀑布图',
           subtext: 'From ExcelHome',
           sublink: 'http://e.weibo.com/1341556070/Aj1J2x5a5'
       },
       tooltip : {
           trigger: 'axis',
           axisPointer : {            // 坐标轴指示器，坐标轴触发有效
               type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
           },
           formatter: function (params) {
               var tar;
               if (params[1].value != '-') {
                   tar = params[1];
               }
               else {
                   tar = params[0];
               }
               return tar.name   '<br/>'   tar.seriesName   ' : '   tar.value;
           }
       },
       legend: {
           data:['支出','收入']
       },
       grid: {
           left: '3%',
           right: '4%',
           bottom: '3%',
           containLabel: true
       },
       xAxis: {
           type : 'category',
           splitLine: {show:false},
           data :  function (){
               var list = [];
               for (var i = 1; i <= 11; i  ) {
                   list.push('11月'   i   '日');
               }
               return list;
           }()
       },
       yAxis: {
           type : 'value'
       },
       series: [
           {
               name: '辅助',
               type: 'bar',
               stack: '总量',
               z:10,
               itemStyle: {
                   normal: {
                       barBorderColor: 'rgba(0,0,0,0)',
                       color: 'rgba(0,0,0,0)'
                   },
                   emphasis: {
                       barBorderColor: 'rgba(0,0,0,0)',
                       color: 'rgba(0,0,0,0)'
                   }
               },
               data: [0, 900, 1245, 1530, 1376, 1376, 1511, 1689, 1856, 1495, 
1292]
           },
           {
               name: '收入',
               type: 'bar',
               stack: '总量',
               z:10,
               label: {
                   normal: {
                       show: true,
                       position: 'top'
                   }
               },
               data: [{
                   value: 900,
                   itemStyle: {color: 'blue'},
               }, 345, {
                   value: 393,
                   itemStyle: {color: 'blue'},
               }, '-', '-', 135, 178, 286, '-', '-', '-']
           },
           {
               name: '支出',
               type: 'bar',
               stack: '总量',
               z:10,
               label: {
                   normal: {
                       show: true,
                       position: 'bottom'
                   }
               },
               data: ['-', '-', '-', 108, 154, '-', '-', '-', 119, 361, 203]
           },
           {
               name:'test',
               type:'line',
               symbol:'none',
               z:1,
               lineStyle:{
                 type:'dotted'  
               },
               step:'start',
               data:[0,900,1245,1638,1530,1376,1511,1689,1975,1856,1495]
           }
       ]
   };
   
   <!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
   <!-- This issue is in English. DO NOT REMOVE -->

----------------------------------------------------------------
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