javascript - 单击时隐藏 HighCharts 中的点

Question

我得到了一个包含多个 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 事件中以正确的方式实现它。

Answer 1

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

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