Hightcharts:重置图表

时间:2016-06-14 00:18:36

标签: javascript jquery r highcharts

我使用rCharts库在R中构建Highcharts。但我认为任何熟悉Javascript或Highcharts的人都可以回答我的问题。我合并了一个功能,允许用户按住Ctrl键并单击以选择特定的系列。

请参阅此参考资料:https://jsfiddle.net/derekrezek/Nkeep/109/

a$plotOptions(
  series = list( 
    events = list(
      legendItemClick = "#! function(e) {
        var hideAllOthers = e.browserEvent.metaKey|| e.browserEvent.ctrlKey;
        if (hideAllOthers) {
            var seriesIndex = this.index;
            var series = this.chart.series;
        for (var i = 0; i < series.length; i++) {
        if (series[i].index === seriesIndex) {
        if (!series[i].visible) series[i].setVisible(true, false);
        } else {
        if (series[i].visible) series[i].setVisible(false, false);
        }
        }
        this.chart.redraw();
        return false;
        }} !#")
  )
)

它不会影响Highcharts的原始功能,并允许用户通过ctrl +单击图例项目来选择特定系列。但是,如果我有50多个传说怎么办?在我选择一个特定系列然后我想要所有其他系列后,我将不得不点击所有隐形系列再次显示它们,这是不切实际的。

任何人都知道如何制作重置按钮?或允许用户再次按住Ctrl键并恢复原始图表?

提前谢谢!

1 个答案:

答案 0 :(得分:2)

请参阅此example,我已向destroy添加了重置按钮,并使用默认值重新实例化折线图。