javascript - ChartJs 工具提示的不同数据

Question

我的应用程序使用 JSON，它传入一组数据集，如下所示：

Date: "2020-01-01T00:00:00"
Percentage: 0.6667
Target: 0.01
Value: 1.51

我正在循环数据并将日期推入一个数组。这些成为标签（x 轴），我将 Percentage 推入一个数组，这些成为 y 轴。我想使用 Value 作为工具提示。

        _actual.push(dataIn[i].Value);
        _target.push(dataIn[i].Target)
        _percents.push(dataIn[i].Percentage * 100)

        _labels.push(dataIn[i].Date);

我希望我可以做类似的事情：

 tooltips: {
                data: _actual
            },

但这不起作用。

如何将唯一数据集绑定到工具提示？我假设我必须编写一个自定义工具提示回调。

标签： javascriptchart.js

Answer 1

是的，您可以尝试：

tooltips: {
    callbacks: {
        label: function(tooltipItem, data) {   
            let tooltip = ...;
            return tooltip;
        }
    },
    mode: 'nearest',
    intersect: false
},