使用按钮切换 connectNulls

Toggle connectNulls with button

我刚开始使用 Highstock,我想为我们的用户提供通过按钮切换空数据点连接的选项。这是我试图解决它的方法:jsFiddle

    // create the chart
    var chart = new Highcharts.StockChart({
       [...]

        plotOptions : {
            series : {
                connectNulls : false // default
            }
        },

       [...]
    });

    // Toggle connect nulls
    var connectNulls = true;
    $('#connectNulls').click(function() {
        chart.plotOptions.series.connectNulls = connectNulls;
        connectNulls = !connectNulls;
    });

但是对图表没有影响。到目前为止,我发现的所有关于切换图表配置的示例都是通过更新方法对系列进行动态操作,但对于 connectNulls,我想这是不可能的。

我总是可以从头开始重新绘制图表,但我想尽可能避免这种情况。假设一个用户放大了图表,重新绘制会导致缩放丢失。

有什么建议吗?

您可以使用series.update()然后修改这个参数。

http://jsfiddle.net/vsmn60gL/3/