如何在图表中保存用于构建图表数据标签的数组中元素的原始ID？

Question

假设我有很多用户：

usersData = [
  { id: 21, name: 'John Dean' },
  { id: 3, name: 'Mike Brine' },
  { id: 6, name: 'Tom Kalvi' }
]

userData中的

名称是从另一个具有完整用户信息的数组中生成的： user.first_name + user.last_name

构建Vue-Chart Bar时，标签数组使用索引存储该数据：

labels = { 0: "John Dean", 1: "Mike Brine", 2: "Tom Kalvi" }

当我想从Bar事件onClick获取原始ID 时，我只会收到索引。

我需要基于Bar点击来为每个用户加载其他信息，但是我需要具有原始ID。

最简单的方法是什么？

提前谢谢

Answer 1

好吧，如果您单击了索引，请执行以下操作：

usersData[clickedIndex].id