## Stack Bar Chart 堆叠条形图

:::demo

```javascript
const data = [
  {
    data: '05-12',
    type: '图例一',
    value: 11
  },
  {
    data: '05-12',
    type: '图例二',
    value: 12.2
  },
  {
    data: '05-13',
    type: '图例一',
    value: 28
  },
  {
    data: '05-13',
    type: '图例二',
    value: 31
  },
  {
    data: '05-14',
    type: '图例一',
    value: 36
  },
  {
    data: '05-14',
    type: '图例二',
    value: 18
  },
  {
    data: '05-15',
    type: '图例一',
    value: 58
  },
  {
    data: '05-15',
    type: '图例二',
    value: 30.2
  },
  {
    data: '05-16',
    type: '图例一',
    value: 86.2
  },
  {
    data: '05-16',
    type: '图例二',
    value: 41.2
  },
  {
    data: '05-17',
    type: '图例一',
    value: 71.2
  },
  {
    data: '05-17',
    type: '图例二',
    value: 45.2
  },
  {
    data: '05-18',
    type: '图例一',
    value: 41.2
  },
  {
    data: '05-18',
    type: '图例二',
    value: 22.2
  },
  {
    data: '05-19',
    type: '图例一',
    value: 16.2
  },
  {
    data: '05-19',
    type: '图例二',
    value: 20.2
  }
]
const { Chart, Bar, Tooltip, Axis, Legend } = qcharts
const chart = new Chart({
  container: '#app'
})
chart.source(data, {
  row: 'type',
  value: 'value',
  text: 'data'
})
const bar = new Bar({
  stack: true,
  transpose: true,
  barWidth: 20
})
const tooltip = new Tooltip()
const legend = new Legend()
const axisBottom = new Axis().style('scale', false)
const axisLeft = new Axis({
  orient: 'left'
}).style('grid', false)
chart.append([bar, tooltip, axisBottom, axisLeft, legend])
```

:::