如何更改 chartjs 注释标签的 z-index？

Question

有谁知道是否有办法设置 z-index 使标签出现在图表的边缘？

我正在使用注释插件：https://github.com/chartjs/chartjs-plugin-annotation

Answer 1

是的，您可以将注释的 clip 属性设置为 false 以确保它出现在图表之外（请参阅文档here）：

const config = {
  type: 'bar',
  data,
  options: {
    layout: {
      padding: {
        top: 16
      }
    },
    scale: {
      y: {
        beginAtZero: true,
        max: 100,
        min: 0
      }
    },
    plugins: {
      annotation: {
        clip: false,
        common: {
          drawTime: 'afterDraw'
        },
        annotations: {
          annotation1,
          annotation2
        }
      }
    }
  }
};

Answer 2

您可以在“beforeDraw”上设置绘制时间。