javascript - 单击时隐藏 HighCharts 中的点

标签 javascript jquery highcharts

我得到了一个包含多个 2 系列的 HighChart。 现在,我希望在单击链接时禁用系列 1 中的某些点。

这是我到目前为止的代码:

$('.remove').click(function () {
    var chart = $('#plot').highcharts(),
        series = chart.series[0];
    if (series.data.length) {

        chart.series[0].data[0].remove();
    }
});

问题是,删除这个点后,[0]变成了另一个值,再次点击后,又继续删除。 我只是想让点消失,这可以通过 visible 实现:

visible Since 1.2.0 Read only. The series' visibility state as set by series.show(), series.hide(), or the initial configuration.

但我只是无法在 onClick 事件中以正确的方式实现它。

最佳答案

如果我理解你的意思,你需要将“位置”保留在要点所在的位置吗?如果是,您可以尝试使用point.update()函数并设置null值。

示例:http://jsfiddle.net/gd4q4jo0/1/

关于javascript - 单击时隐藏 HighCharts 中的点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27189644/

相关文章:

javascript - iCheck 复选框无法在移动设备上使用

javascript - 如何更改Highcharts雷达图的背景系列颜色

javascript - 获取 bar Highchart 点击事件上的 X 轴值

javascript - 使用 Highcharts 时如何设置堆积柱形图/条形图上特定列的亮度效果?

javascript - 为什么我的 JavaScript 对象看不到以下方法?

javascript - 跨不同端口的 Backbone.js 站点

javascript - 确定事件冒泡通过的元素

javascript - 在我的情况下,点击事件不会触发

单击链接时 JavaScript 代码不会执行

javascript - 如何将第一个元素与精确的内容匹配?