javascript - FlotChart 系列的不同工具提示

Question

我有两个数据系列的 Flot 折线图。我想为每个系列独立编辑工具提示。我曾尝试将工具提示设置移动到数据集部分，但没有成功。

有人知道解决办法吗？

$(function () {
var barOptions = {
    xaxis: {
        tickDecimals: 0
    },
    yaxes: [{
        position: "left"
    }, {
        position: "right"
    }],
    colors: ["#36c6d3"],
    grid: {
        color: "#888888"
    },
    tooltip: {
        show: true,
        content: "Uge %x, %s: %y"
    }
};
var dataset = [{
    data: occData.data,
    label: occData.label,
    yaxis: occData.yaxis,
    lines: {
        show: true,
        lineWidth: 1,
    }
}, {
    data: houseData.data,
    label: houseData.label,
    yaxis: houseData.yaxis,
    color: 'grey',
    lines: {
        show: true,
        lineWidth: 1,
        fill: false
    }
}];
$("#flot-line-chart-past").plot(dataset, barOptions);

});

Answer 1

我假设您正在使用 flot.tooltip提供工具提示。在这种情况下，tooltip 配置对象的 content 属性可以是一个函数，也可以是一个格式字符串。我引用插件的文档:

you can pass a callback function(label, xval, yval, flotItem) that must return a string with the format described.

因此编写一个函数来区分您为两个系列使用的每个标签，并为每个系列返回不同的格式字符串。