Различные подсказки для серий в FlotChart

Question

У меня есть линейная диаграмма флота с двумя данными. Я хотел бы редактировать подсказки независимо для каждой серии. Я попытался переместить настройки всплывающей подсказки в часть набора данных, но это не сработало.

Кто-нибудь знает решение?

$(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), который должен вернуть строку в указанном формате.

Так напишите функцию, которая различает каждую метку, которую вы используете для двух серий, и возвращаете другую строку формата для каждого.