瀑布图

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
  xAxis: {
    type: 'category',
    data: ['', '人物1', '', '', '人物2', ''],
    axisTick: {
      show: false
    }
  },
  legend: {
    data: ['小于14天', '14-30天', '30天以上'],
    itemWidth: 12,
    itemHeight: 12,
  },
  yAxis: [
    {
      type: 'value',
      show: false
    },
    {
      type: 'value',
      show: false
    }
  ],
  series: [
    {
      name: 'Placeholder',
      type: 'bar',
      stack: 'Total',
      silent: true,
      itemStyle: {
        borderColor: 'transparent',
        color: 'transparent'
      },
      emphasis: {
        itemStyle: {
          borderColor: 'transparent',
          color: 'transparent'
        }
      },
      yAxisIndex:0,
      data: ['-', 10, 30, '-', '-', '-']
    },
    {
      name: 'Placeholder',
      type: 'bar',
      stack: 'Total',
      silent: true,
      itemStyle: {
        borderColor: 'transparent',
        color: 'transparent'
      },
      emphasis: {
        itemStyle: {
          borderColor: 'transparent',
          color: 'transparent'
        }
      },
      yAxisIndex:1,
      data: ['-', '-', '-', '-', 1000, 3000]
    },
    {
      name: '小于14天',
      type: 'bar',
      stack: 'Total',
      label: {
        show: true,
        align: 'center'
      },
      itemStyle: {
        // 颜色
        color: '#EC721E'
      },
      yAxisIndex: 0,
      data: [10, '-', '-', '-', '-', '-']
    },
    {
      name: '14-30天',
      type: 'bar',
      stack: 'Total',
      label: {
        show: true,
        align: 'center'
      },
      yAxisIndex: 0,
      data: ['-', 20, '-', '-', '-', '-']
    },
    {
      name: '30天以上',
      type: 'bar',
      stack: 'Total',
      label: {
        show: true,
        align: 'center'
      },
      yAxisIndex: 0,
      data: ['-', '-', 30, '-', '-', '-']
    },
    {
      name: '小于14天',
      type: 'bar',
      stack: 'Total',
      label: {
        show: true,
        align: 'center'
      },
      yAxisIndex: 1,
      data: ['-', '-', '-', 1000, '-', '-']
    },
    {
      name: '14-30天',
      type: 'bar',
      stack: 'Total',
      label: {
        show: true,
        align: 'center'
      },
      yAxisIndex: 1,
      data: ['-', '-', '-', '-', 2000, '-']
    },
    {
      name: '30天以上',
      type: 'bar',
      stack: 'Total',
      label: {
        show: true,
        align: 'center'
      },
      yAxisIndex: 1,
      data: ['-', '-', '-', '-', '-', 3000]
    }
  ]
};