javascript - Highcharts : reset the graph

标签 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+click 来恢复原始图形?

提前致谢!

最佳答案

引用这个example ,我添加了一个重置​​按钮以销毁并使用默认值重新实例化折线图。

关于javascript - Highcharts : reset the graph,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37801086/

相关文章:

javascript - 克隆 HTML 元素及其关联的处理程序

jquery - 将跨度位置设置为中心

r - 你如何生成一长串数字?

regex - R中是否有用于正则表达式的原始字符串?

r - 从R中的文件创建向量

javascript - 为什么我的 Owl Carousel 将所有元素放入一张幻灯片中?

javascript - 为什么 CanvasRenderingContext2D.createLinearGradient() 不是静态函数?

Javascript 获取 ID 的 CSS 样式

javascript - 使用 XML 文件的 Zend 导航

javascript - 点击次数不计入索引