如何更改chartjs annotations标签的z索引？

l3zydbqr 于 2023-04-20 发布在 Chart.js

关注(0)|答案(2)|浏览(145)

Label is not overlapping the chart edge
有没有人知道是否有一种方法可以设置z索引，使标 checkout 现在图表的边缘？
我正在使用注解插件：https://github.com/chartjs/chartjs-plugin-annotation

chart.js

来源：https://stackoverflow.com/questions/64006050/how-to-change-the-z-index-of-chartjs-annotations-label

2条答案

按热度按时间

t0ybt7op1#

是的，您可以将注解的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
        }
      }
    }
  }
};

赞(0）回复(0）举报 2023-04-20

g6baxovj2#

您可以在“beforeDraw”上设置drawTime。

赞(0）回复(0）举报 2023-04-20