Javascript 修改图表js中的x轴标签

我正试图从

chart.js

修改散点图的

X轴。要做到这一点，我只需要按照医生说的去做

但在我的例子中，我想做的是用一个单词替换实际值（一个数字）。问题是我不知道如何访问这些单词（它们在一个数组中，并且顺序正确）

数组如下所示：

words = ['Apple','Orange','Banana', 'Pineapple', 'Strawberry', 'Lemon']

我的数据集如下所示：

datasets: [{
    label: 'Dataset1',
    borderColor: '#FF0000',
    data: [{ x: 1, y: 88 }, { x: 2, y: 89 }, { x: 3, y: 86 }]
    }, {
    label: 'Dataset2',
    borderColor: '#00FF00',
    data: [{ x: 1, y: 88 }, { x: 2, y: 89 }, { x: 3, y: 86 }]
}]

xAxes标签：

xAxes: [{
    type: 'linear',
    position: 'bottom',
    ticks: {
        callback: function(value, index, values) {
            console.log(words[index]);
            return '$' + value; //The $ is just to see some change
        }
    }
}]

我尝试使用索引值，但它只返回最后一个数据集索引值。另一个选项是尝试使用
数组的第一个值
，然后删除这个值

我怎么做

非常感谢。
我不得不猜测您的数据的语义，但找到了以下可运行的代码片段。我希望这有帮助


const words=[“苹果”，“橘子”，“香蕉”，“菠萝”，“草莓”，“柠檬]；
新图表（document.getElementById（“myChart”）{
“类型”：“分散”，
“数据”：{
数据集：[{
标签：“数据集1”，
边框颜色：'#FF0000'，
数据：[{x:1，y:88}，{x:2，y:89}，{x:3，y:86}]
}, {
标签：“数据集2”，
边框颜色：'#00FF00'，
数据：[{x:1，y:65}，{x:2，y:78}，{x:3，y:33}]
}]
},
“选择”：{
类型：'线性'，
位置：'底部'，
比例：{
xAxes：[{
类型：'线性'，
滴答声：{
回调：（值，索引，值）=>words[index]，
步长：1
}
}]
}     
}
});
能否制作一个JSFIDLE来显示问题。我已经设置了这个，它看起来像预期的那样工作