Question

是否有其他选择可使xAxis带/线从xAxis本身开始，然后从xAxis本身开始，然后延伸到图表区域的顶部？还是相反地让我们在中间说？

Answer 1

默认情况下，没有减小或增加xAxis plotBands和plotLines的高度的选项，但是通过使用Highcharts.SVGRenderer，您可以轻松覆盖其中的一部分：

chart: {
    events: {
        load: function() {
            var x = this.plotLeft,
                y = this.plotTop,
                width = this.plotSizeX,
                height = 60;


            this.renderer.rect(x, y, width, height)
                .attr({
                    fill: '#fff',
                    zIndex: 0
                }).add()
        }
    }
}

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

或创建自定义plotBands：

chart: {
    events: {
        load: function() {
            var xAxis = this.xAxis[0],
                x = xAxis.toPixels(1),
                y = this.plotTop,
                width = xAxis.toPixels(3) - xAxis.toPixels(1),
                height = this.plotSizeY - 50;


            this.renderer.rect(x, y, width, height)
                .attr({
                    fill: 'green',
                    zIndex: 0
                }).add()
        }
    }
},

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

API：https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#rect

是否可以在比xAxis / top标记更低/更高的位置绘制Highcharts PlotBand和/或PlotLines？

1 个答案: