高图将网格线绘制到yAxis区域

Question

在Highcharts中，可以使用

将y轴标签移动到绘图区域中

yAxis: {
    labels: {
        align: 'left',
        x: 0,
        y: -2
    }
}

使用此设置，标签被线，数据标签等覆盖。

是否可以在不使xAxis和序列从此处开始的情况下，在yAxis-Label-Area上绘制水平网格线。期望的行为在下图中用黑线表示。

Answer 1

最简单的解决方案是调整xAxis，例如：

xAxis: {
    min: -0.5
}

实时演示：http://jsfiddle.net/BlackLabel/qnayxb04/

API：https://api.highcharts.com/highcharts/xAxis.min

如果您想更好地控制行，可以使用setAttribute编辑path元素：

chart: {
    events: {
        load: function() {
            var gridLines = this.yAxis[0].gridGroup.element.children,
                i,
                path;

            for (i = 0; i < gridLines.length; i++) {
                path = gridLines[i].attributes.d.nodeValue;
                path = 'M 40' + path.substr(4);

                gridLines[i].setAttribute('d', path)
            }
        }
    }
}

实时演示：http://jsfiddle.net/BlackLabel/61h5qtn9/1/