通过单击flot chart中的图例来切换数据系列？

Question

我已经使用flot.js来绘制一些数据,但是我有很多数据系列,所以用户可能想要隐藏一些系列.flot的一个示例显示了如何使用复选框切换数据系列.我想点击图例的小颜色框或标签,以切换该系列的可见性.那可能吗？

Answer 1

这是一个使用复选框的示例http://people.iola.dk/olau/flot/examples/turning-series.html

可以修改它以在每个 legendLabel 上放置一个单击事件，但您一次只能显示一个图例。

在ready函数中使用类似的东西

$('.legendLabel').click(
function(d){
    var country = $(this).html().toLowerCase();
          var data = [  ];
    //alert( country );
    data.push( datasets[country] );

        if (data.length > 0)
            $.plot($("#placeholder"), data, {
                yaxis: { min: 0 },
                xaxis: { tickDecimals: 0 }
           }); 

}
);