点击 highcharts 清除图表

Question

我为我的英语道歉，我希望一切都清楚。

问题是：是否可以在highcharts中制作，当你点击图表时，所有系列的选择都会被重置。

现在更详细。我有使用 R 语言包 rCharts.

完成的图表

r图表：

library(rCharts)

HideOtherSeriesOnClick <- function() {
  "#! function(event) {
   var selected = this.index;

   $.each(this.chart.series, function(index, series) {
      if (selected != index) {
         if (series.visible) {
            series.setVisible(false, false);
         } else {
            series.setVisible(true, false);
         }
      }
   });
   this.redraw();
   } !#"
}

HideMostSeriesByClickOnField <- function() {
  "#! function () {
   chart = this;
   var count_visibles = 0;

   $.each(chart.series, function(index, series) {
      if (series.visible) {
         count_visibles++;
      }
   });

   if (count_visibles < chart.series.length/2 ) {
      $(chart.series).each(function(){
         this.setVisible(true, false);
      });
      chart.redraw();
   } else {
      $(chart.series).each(function(){
         this.setVisible(false, false);
      });
      chart.redraw();
   }
}!#"
}

df <- data.frame(Wr.Hnd = c(18.5, 18, 19, 20, 21, 23, 4, 7, 5),
                 NW.Hnd = c(10, 12, 14, 9, 15, 12, 20, 23, 25),
                 Clap = rep(c("Right", "Left", "Center"), each = 3),
                 stringsAsFactors = FALSE)
#data <- MASS::survey
h1 <- hPlot(x = "Wr.Hnd", y = "NW.Hnd", data = df, type = "line", group = "Clap")
h1$chart( events = list(click = HideMostSeriesByClickOnField()))
h1$plotOptions(series = list( events = list(click = HideOtherSeriesOnClick())))
h1

图表：

点击绘图后的图表：

点击图例中的 "Left" 后的图表：

现在我们正在从 rCharts 转移到 highcharter，我们希望保留此功能。问题是这些函数是别人写的，不懂JS。当然，只是复制粘贴是行不通的。所以我的问题是是否有可能在 highcharts 中实现类似的东西以及代码应该是什么样的。本例中可以纯JS显示：

https://jsfiddle.net/t2MxW/21971/

提前致谢

Answer 1

我不确定这是否是您的要求，但我分叉了您的 fiddle here。

我使用这个

在图表上添加了一个事件

chart: {
    renderTo: 'container',
    events: {
        click: function () {
           for(let i = 0; i < chart.series.length; i++){
                chart.series[i].hide();
           }
        }
    }
},

所以基本上在点击时，所有图表系列都被一一隐藏。如果您需要参考，我使用了 highcharts 的文档。

点击 highcharts 清除图表

Clear chart by click in highcharts

javascript

r

highcharts

r-highcharter