<!--
 * @Description: 垃圾转运作业次数
 * @Author: 王晓颖
 * @Date: 2021-01-11 18:41:56
 -->
<template>
  <div style="width: 100%;height: 100%;">
    <ve-histogram :data="chartData" :legend-visible="false" :extend="extend" :settings="chartSettings" :grid="grid" height="100%" style="width: 100%;height: 100%;"/>
  </div>
</template>

<script>
export default {
  name: 'WasteTransfer',
  data() {
    return {
      grid: {
        right: 20,
        bottom: 0,
        top: 20
      },
      extend: {
        'xAxis.0.axisLabel.rotate': 45
      },
      chartSettings: {
        labelMap: {
          'name': '日期',
          'value': '作业次数'
        },
        metrics: ['value'],
        dimension: ['name']
      },
      chartData: {
        labelMap: {
          'name': '日期',
          'value': '作业次数'
        },
        columns: ['name', 'value'],
        rows: [
          { 'name': '1月12日', 'value': 1393 },
          { 'name': '1月13日', 'value': 3530 },
          { 'name': '1月14日', 'value': 2923 },
          { 'name': '1月15日', 'value': 1723 },
          { 'name': '1月16日', 'value': 3792 },
          { 'name': '1月17日', 'value': 4593 }
        ]
      }
    }
  }
}
</script>

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

</style>