Skip to content

Plugin for flot providing the ability to hide (and show) graphs

Notifications You must be signed in to change notification settings

du8die/flot-hiddengraphs

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 

Repository files navigation

Plugin to hide series in flot graphs.
https://github.com/markrcote/flot-hiddengraphs
 
To activate, set legend.hideable to true in the flot options object.
To hide one or more series by default, set legend.hidden to an array of
label strings.

At the moment, this only works with line graphs and assumes that
points.show and lines.show are both true.

Example:

    var plotdata = [{data: [[1, 1], [2, 1], [3, 3], [4, 2], [5, 5]],
                     label: "graph 1"},
                    {data: [[1, 0], [2, 1], [3, 0], [4, 4], [5, 3]],
                     label: "graph 2"}];

    plot = $.plot($("#placeholder"), plotdata, {
        series: {
            points: { show: true },
            lines: { show: true }
        },
        legend: {
            hideable: true,
            hidden: ["graph 1", "graph 2"]
        }
    });


TODO
----

- Make links/buttons configurable
- Support other types of graphs than just points and lines
- Make mouseovers a little less flakey--mouseout events sometimes missed

About

Plugin for flot providing the ability to hide (and show) graphs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%