<template>
  <div>
    <tiny-chart-bar :options="options"></tiny-chart-bar>
  </div>
</template>

<script setup lang="jsx">
import { ref } from 'vue'
import { TinyHuichartsBar as TinyChartBar } from '@opentiny/vue-huicharts'
const options = ref({
  // 双向柱状图形态
  type: 'double-sides',
  direction: 'horizontal',
  data: [
    { Month: 'Jan', 上行: 43, 下行: 37 },
    { Month: 'Feb', 上行: 27, 下行: 19 },
    { Month: 'Mar', 上行: 31, 下行: 20 },
    { Month: 'Apr', 上行: 20, 下行: 15 },
    { Month: 'May', 上行: 37, 下行: 13 },
    { Month: 'Jun', 上行: 38, 下行: 17 },
    { Month: 'Jul', 上行: 42, 下行: 22 },
    { Month: 'Aug', 上行: 22, 下行: 22 },
    { Month: 'Sep', 上行: 17, 下行: 12 },
    { Month: 'Oct', 上行: 41, 下行: 33 },
    { Month: 'Nov', 上行: 42, 下行: 22 },
    { Month: 'Dec', 上行: 37, 下行: 17 }
  ]
})
</script>
