1

我正在使用 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/。

“一月”标签应水平居中，但在 65% 时显示的比在 50% 时更多。这个问题在我试过的所有浏览器中都能可靠地重现。

知道为什么标签偏离中心以及如何纠正吗？

4

1 回答 1

0

这是因为你有两个图带，白色（右）首先重叠，因为太宽了。（比例为 7，但 plotband 为 8,5）

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

于 2013-02-27T09:42:12.173 回答