停止Highcharts裁剪x轴上各点之间的系列线

Question

我有一个包含以下属性的系列图表...

• series.lineWidth是2px
• 隐藏的x轴，xAxis.lineWidth设置为0

如果两个相邻点碰巧具有零轴的y轴，并因此沿着x轴 所在的位置绘制，则它们之间绘制的线是1px宽而不是2px。基于this GitHub issue和subsequent commit，这似乎是预期的行为。有没有办法覆盖它并总是绘制一个2px宽的系列线？

我可以理解，在具有x轴的图表上，这可以提高易读性，但在没有x轴的图表中，这看起来更像是渲染错误。

Answer 1

您可以通过将series.clip设置为false来阻止系列被裁剪/裁剪。

示例：http://jsfiddle.net/zkgmts5h/

$(function () {
    $('#container').highcharts({
        series: [{
            data: [0,0,0,4,2],
            lineWidth: 2,
            clip: false
        }],
        xAxis: {
            lineWidth: 0
        },
        yAxis: {
            visible: false
        }
    });
});