Question

我使用highcharts（highcharts.js）使用'bands'功能创建一个情节。频段配置如下：

"plotBands": [{
                "color": "#E5F6F6",
                "from": -0.5,
                "to": 4.5,
                "label": {
                    "text": 'January',
                    "align": "center",
                    "verticalAlign": "top"
                }
            }, {
                "color": "#FFFFFF",
                "from": 3.5,
                "to": 8.5,
                "label": {
                    "text": "February",
                    "align": "center",
                    "verticalAlign": "top"
                }
            }]

此配置在标签上使用align：center，因此它们应该水平居中。不幸的是，它们正在偏离中心。

您可以在此处找到演示此问题的小提琴：http://jsfiddle.net/MpvSA/。

“1月”标签应该水平居中，但显示的比例为65％，而不是50％。在我尝试过的所有浏览器中都可以正确地重现这个问题。

知道为什么标签偏离中心以及如何纠正这个问题？

Answer 1

这是因为你有两个绘图带，白色（右）首先重叠，因为太宽。（缩放到7，但绘图带为8,5）

因此您可以将zIndex设置为第一个（蓝色）并且问题消失。 http://api.highcharts.com/highcharts#xAxis.plotBands.zIndex

使用highcharts.js标签的绘图正在偏离中心而不是居中

1 个答案: