You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2020/02/15 08:43:20 UTC

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

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:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


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

Posted by GitBox <gi...@apache.org>.
pratik227 commented on 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#issuecomment-587079954
 
 
   Ok Thanks for support

----------------------------------------------------------------
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:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] Ovilia commented on issue #12152: Is there any way to stack bars in the waterfall chart as in the below picture?

Posted by GitBox <gi...@apache.org>.
Ovilia commented on 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#issuecomment-586800719
 
 
   I made a demo for you: https://gallery.echartsjs.com/editor.html?c=xCKVqTIrT
   
   But the order of negative bars seems to be different from your design. I'm afraid you have to use custom series if you insist on that order. Here's the document for custom series: https://echarts.apache.org/en/tutorial.html#Custom%20Series

----------------------------------------------------------------
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:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [incubator-echarts] echarts-bot[bot] commented on issue #12152: Is there any way to stack bars in the waterfall chart as in the below picture?

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on 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#issuecomment-586568729
 
 
   Hi! We've received your issue and please be patient to get responded. 🎉
   The average response time is expected to be within one day for weekdays.
   
   In the meanwhile, please make sure that **you have posted enough image to demo your request**. You may also check out the [API](http://echarts.apache.org/api.html) and [chart option](http://echarts.apache.org/option.html) to get the answer.
   
   If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.
   
   If you are interested in the project, you may also subscribe our [mail list](https://echarts.apache.org/en/maillist.html).
   
   Have a nice day! 🍵

----------------------------------------------------------------
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:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


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

Posted by GitBox <gi...@apache.org>.
pratik227 edited a comment on 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#issuecomment-587079954
 
 
   Ok Thanks for the support.

----------------------------------------------------------------
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:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


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

Posted by GitBox <gi...@apache.org>.
Ovilia closed 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
 
 
   

----------------------------------------------------------------
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:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org