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来提供工具提示。在这种情况下，content配置对象的tooltip属性可以是函数，也可以是格式字符串。我引用了插件的文档：

  

你可以传递一个必须返回所描述格式的字符串的回调function(label, xval, yval, flotItem)。

所以编写一个函数来区分用于这两个系列的每个标签，并为每个系列返回不同的格式字符串。