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

1 个答案: