海图两边的lineWidth

Question

当我创建一个图表时，我可以在图表的右侧放置一条很好的线条，如下所示：

yAxis: [{
    height: '65%',
    offset: 0,
    lineWidth: 2
}, {
    top: '75%',
    height: '25%',
    offset: 0,
    lineWidth: 2
}]

​

​

我被要求在图表的左边添加一条额外的行，但是在API文档中，我没有看到一个内置的方法来实现这一点。有办法这样做吗？

Answer 1

一种方法是在左侧添加y轴，这将是linkedTo主y轴。

示例：http://jsfiddle.net/86zm6cav/

      yAxis: [{
            labels: {
                align: 'right',
                x: -3
            },
            title: {
                text: 'OHLC'
            },
            height: '60%',
            lineWidth: 2
        }, {
            labels: {
                align: 'right',
                x: -3
            },
            title: {
                text: 'Volume'
            },
            top: '65%',
            height: '35%',
            offset: 0,
            lineWidth: 2
        }, {
            opposite: false,
            height: '60%',
            linkedTo: 0,
            lineWidth: 2,
            offset: 0,
            labels: {
                enabled: false
            }
        }, {
            opposite: false,
            top: '65%',
            height: '35%',
            linkedTo: 1,
            lineWidth: 2,
            offset: 0,
            labels: {
                enabled: false
            }
        }],

其他选项是使用呈现器并创建自定义路径。

渲染器的API参考：http://api.highcharts.com/highcharts#Renderer.path