<template>
  <!--<single-layout title="各工种人员统计">-->
    <simple-bar-chart
      :id="options.id"
      :unit="options.unit"
      :height="options.height"
      :xAxisData="options.xAxisData"
      :seriesData="options.seriesData"
    />
  <!--</single-layout>-->
</template>

<script>
import SingleLayout from '@/components/layout/singleLayout'
import SimpleBarChart from '@/components/barChart/simpleBarChart'
import mockData from '../../../../../../static/industrialEconomy.json'
export default {
  name: 'CommercialBar',
  components: {SimpleBarChart, SingleLayout},
  data () {
    return {
      options: {
        id: 'commercial_bar',
        height: '100%',
        width: '100%',
        unit: '家',
        xAxisData: [ '上市企业', '高新技术企业', '国有企业', '重点企业',
          '独角兽企业', '挂点企业'],
        seriesData: [ 0, 0, 0, 0, 0, 0]
      }
    }
  },
  created () {
    this.getData()
  },
  methods: {
    getData () {
      this.options.xAxisData = mockData.left.commercial.bar.xAxisData
      this.options.seriesData = mockData.left.commercial.bar.seriesData
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

</style>