图表两侧的线宽

Question

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

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

我被要求在图表左侧添加一条额外的线，但我没有在 API docs 中看到这样做的内置方法。有办法吗？

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

图表两侧的线宽

lineWidth on both sides of chart

highcharts

highstock