ECharts 热力图

<template>
    <div ref="chartsRef" :style="{ minHeight: '500px', height: `100%`, width }"></div>
</template>

<script lang="ts">
  import {
    //
    defineComponent,
    PropType,
    computed,
    ref,
    Ref,
    onMounted,
    // reactive,
    // unref,
  } from 'vue';
  import { useECharts } from '/@/hooks/web/useECharts';
  import { useDesign } from '/@/hooks/web/useDesign';
  import { BasicTable, useTable } from '/@/components/Table';
  // import { HeatmapChart } from 'echarts/charts';

  export default defineComponent({
    components: {
      // ScrollContainer,
      BasicTable,
    },
    props: {
      width: {
        type: String as PropType<string>,
        default: '100%',
      },
      height: {
        type: String as PropType<string>,
        default: '100%',
      },
      defHeight: {