图表配置错误。
比例是在“插件”节点中定义的，这是不正确的。
移动图表选项中的刻度：

const options = {
    responsive: true,
    scales: {
      x: {
        type: "category",
        labels: ["apple", "banana", "coconut"],
        ticks: {
          display: true
        },
        grid: {
          display: false
        }
      },
      y: {
        type: "category",
        labels: ["fruit", "juice", "smoothie"],
        offset: true,
        ticks: {
          display: true
        },
        grid: {
          display: false
        }
      }
    },
  plugins: {
      title: {
        display: true,
        text: "fruits"
      },
    }
  };