Chart.js 无法在图表js注释插件中旋转标签

Chart.js 无法在图表js注释插件中旋转标签,chart.js,react-chartjs,Chart.js,React Chartjs,我正在使用条形图中的图表js注释插件。我试图旋转标签,使其与条垂直对齐,但它不起作用。有人能建议如何使用旋转属性吗 annotation: { annotations: [{ type: 'line', // drawTime: 'afterDatasetsDraw', mode: 'vertical', scaleID: 'x-axis-0', value: "0-25%", borderWidth: 1, lab

我正在使用条形图中的图表js注释插件。我试图旋转标签,使其与条垂直对齐,但它不起作用。有人能建议如何使用旋转属性吗

annotation: {
  annotations: [{
    type: 'line',
    // drawTime: 'afterDatasetsDraw',
    mode: 'vertical',
    scaleID: 'x-axis-0',
    value: "0-25%",
    borderWidth: 1,
    label: {
      xAdjust: 6,
      enabled: true,
      content: 'Highly Mobile',
      rotation: 0
    }
  },
  {
    type: 'line',
    // drawTime: 'afterDatasetsDraw',
    mode: 'vertical',
    scaleID: 'x-axis-0',
    value: "26-50%",
    borderWidth: 1,
    label: {
      xAdjust: 6,
      enabled: true,
      content: 'Highly Mobile',
      rotation: 90
    }
  }]

最新更新:我们可以将相同的git链接放在package.json中


我找到了答案。chartjs注释插件cdn未包含旋转属性。我们需要下载主分支的zip文件并将其解压缩到我们的项目文件夹中。然后npm安装。/{folder name}。

在我们等待时,有人制作了个人叉子: