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属性可以是一个函数，也可以是格式字符串。我从插件的文档引用：

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

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