[GitHub] sxmpasch commented on issue #9278: Connecting line between waterfall charts

[GitBox]

sxmpasch commented on issue #9278: Connecting line between waterfall charts
URL: 
https://github.com/apache/incubator-echarts/issues/9278#issuecomment-433904113
 
 
   One simple solution may be: Take Example 
https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-waterfall2 
and modify it by adding a step line:
   
   ```
   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: [900, 345, 393, '-', '-', 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,
               step:'start',
               data:[0,900,1245,1638,1530,1376,1511,1689,1975,1856,1495]
           }
       ]
   };
   
   ```
   

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


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscr...@echarts.apache.org
For additional commands, e-mail: dev-h...@echarts.apache.org