我已经在chartOptions中添加了tooltips.backgroundColor，但仍然不起作用，所以有人可以帮助我吗？
这是我的代码

<template>
  <Doughnut
    :chart-options="chartOptions"
    :chart-data="chartData"
    :chart-id="'doughnut-chart'"
    :styles="styles"
    :width="width"
    :height="height"
  />
</template>

<script lang="ts">
import { defineComponent, type PropType } from "vue";
import TypographyComponent from "@/core/ui/components/typography/Typography.component.vue";
import { Doughnut } from "vue-chartjs";
import {
  Chart as ChartJS,
  Title,
  Tooltip,
  Legend,
  ArcElement,
  CategoryScale,
  type Plugin,
} from "chart.js";

ChartJS.register(Title, Tooltip, Legend, ArcElement, CategoryScale);

export default defineComponent({
  name: "ProgressChartComponent",
  components: { Doughnut, TypographyComponent },
  props: {
    width: {
      type: Number,
      default: 400,
    },
    height: {
      type: Number,
      default: 400,
    },
    styles: {
      type: Object as PropType<Partial<CSSStyleDeclaration>>,
      default: () => {},
    },
    chartData: {
      type: Object,
      required: false,
      default: () => {},
    },
  },
  setup() {
    const chartOptions = {
      responsive: true,
      maintainAspectRatio: false,
      cutout: "64%",
      tooltips: {
        enabled: false,
        backgroundColor: "#227799",
      },
    };
    return {
      chartOptions,
    };
  },
});

</script>

...