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

【问题标题】：How to access custom property in dataset object in Bar Chart in React ChartJS 2?如何在 React ChartJS 2 的条形图中访问数据集对象中的自定义属性？
【发布时间】：2021-05-11 19:04:10
【问题描述】：

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

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

【问题讨论】：

标签： chart.js react-chartjs react-chartist

【解决方案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

【讨论】：

我正在使用 react-chartjs-2 (2.10.0)。在您的代码中，您使用的是 react-chartjs-3 (3.0.3)。你能在 react-chartjs-2 中回答吗？