chart.js - 如何在 React ChartJS 2 的条形图中访问数据集对象中的自定义属性？

Question

单击元素时，我想知道“userId”自定义属性。

如果我向数据集对象添加自定义属性，则添加的自定义属性不会显示在 getElementAtEvent 中检索到的元素中。

Answer 1

由于您几乎没有给出任何关于您尝试访问自定义属性的说明，因此我认为它位于数据集本身中，如果是这种情况，您可以像这样访问它：

onClick: (evt, elements, chart) => {
    alert(chart.data.datasets[chart.getElementsAtEventForMode(evt, 'nearest', { intersect: true }, true)[0].datasetIndex].customProperty)
  }

示例：https ://codesandbox.io/s/react-chartjs-2-bar-with-groups-and-patterns-forked-xeblf?file=/src/BarChart.js