1

ハイチャート (highcharts.js) を使用して、「バンド」機能を使用してプロットを作成しています。帯域は次のように構成されます。

"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/。

「January」ラベルは水平方向の中央に配置する必要がありますが、50% よりも 65% の方が大きく表示されます。この問題は、私が試したすべてのブラウザーで確実に再現されます。

ラベルが中心からずれている理由と、これを修正する方法はありますか?

4

1 に答える 1

0

これは、2 つのプロットバンドがあり、白 (右) が最初に重なっているために発生します。幅が広すぎるためです。(スケールは 7 ですが、プロットバンドは 8,5 です)

したがって、最初 (青) に zIndex を設定すると、問題はなくなります。http://api.highcharts.com/highcharts#xAxis.plotBands.zIndex

于 2013-02-27T09:42:12.173 に答える