JQuery Flotcharts 折线图 - 突出显示特定系列

Question

是否可以在 jQuery Flotchart 上突出显示特定行(不是点，而是整个系列)？如果没有直接的可能性，也许有人有自己的片段？

将不胜感激。

编辑1:在“突出显示”下，我的意思是至少 - 改变线条的粗细。

Answer 1

这是我在最近的项目中的做法。这将使未单击的线条“变暗”(将不透明度设置为 0.1)。单击任何内容将使所有系列恢复到 1.0 不透明度:

$("#container").bind("plotclick", function (event, pos, item) {
    var re = re = /\(([0-9]+,[0-9]+,[0-9]+)/;
    var opacity = 1;
    var seriesIdx = -1;
    // note which item is clicked on
    if (item) {
        seriesIdx = item.seriesIndex;
        opacity = 0.1;
    }
    // loop all the series and adjust the opacity 
    var modSeries = 
    $.map(somePlot.getData(),function(series,idx){
        if (idx == seriesIdx){
           series.color = 'rgba(' + re.exec(series.color )[1] + ',' + 1 + ')';
        } else {
            series.color = 'rgba(' + re.exec(series.color )[1] + ',' + opacity + ')';
        }
       return series;
    });
    // reload the series and redraw
    somePlot.setData(modSeries);
    somePlot.draw();
});

这会产生( fiddle here ):

如果需要的话，这应该很容易扩展到lineWidth。