<template>
  <xl-bar-chart
    :width="width"
    :height="height"
    :title="title"
    :x-axis="xAxis"
    :y-axis="yAxis"
    :series="series"
    :legend="legend"
    :tooltip="tooltip"
  />
</template>

<script>
import { XlBarChart } from '../../lib/index'
export default {
  components: {
    XlBarChart
  },
  data() {
    return {
      width: '100%',
      height: '300px',
      title: {
        text: '数据统计'
      },
      xAxis: {
        data: ['宿迁', '盐城', '连云港', '南京市', '苏州市', '淮安市', '徐州市', '常州市', '无锡市']
      },
      yAxis: [
        {
          name: '单位:（家）',
          type: 'value'
        }
      ],
      legend: {
        left: 'center'
      },
      tooltip: {},
      series: {
        name: 'bar',
        barWidth: '40%',
        data: ['26', '27', '28', '30', '35', '31', '18', '12', '1'] }
    }
  }
}
</script>
