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

问题描述

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

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

解决方法

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

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