<template>
  <m-card title="加装电梯">
    <div class="chart">
      <m-bar :dataset="data" :option="option" />
    </div>
  </m-card>
</template>

<script lang="ts">
export default {
  name: 'A012',
  title: '加装电梯',
  row: 1,
}
</script>
<script lang="ts" setup>
const data = {
  dimensions: [
    { name: 'year', displayName: '年' },
    { name: 'value', displayName: '竣工项目' },
  ],
  source: [
    { year: '2016', value: 2 },
    { year: '2017', value: 4 },
    { year: '2018', value: 7 },
    { year: '2019', value: 10 },
    { year: '2020', value: 18 },
  ],
}
const option = {
  color: [['#8CD5FF', '#1990BE']],
  legend: {
    right: '2%',
  },
  series: [
    {
      type: 'bar',
      barWidth: '30%',
    },
  ],
}
</script>

<style lang="stylus" scoped>
@import  '../../components/MyComponent/main.styl'
.chart
  width 100%
  height 1.5rem
</style>
