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

<script setup lang="jsx">
import { ref } from 'vue'
import { TinyHuichartsGauge as TinyChartGauge } from '@opentiny/vue-huicharts'

const options = ref({
  // splitColor 分割仪表盘
  // splitColor[i][0] 的值代表整根轴线的百分比，应该 0 到 1 之间
  // splitColor[1][1] 是对应的颜色
  splitColor: [
    [0.25, '#0d9458'],
    [0.5, '#eeba18'],
    [0.75, '#ec6f1a'],
    [1, '#f43146']
  ],
  pointer: true,
  data: [
    {
      value: 71,
      name: 'Utilization rate'
    }
  ]
})
</script>
