0

g.raphaelで折れ線グラフを描きました。独自の値を使用してカスタムx軸を作成しました。そして今、これらの値を90度回転させたいので、水平ではなく垂直になります。

そのために、私はラファエルのrotate（）関数を使用しています。そして、これはIE（8）とOperaの両方で完全に機能します。しかし、Firefoxでは何も起こらず、Firebugはこのエラーを出力します

Unexpected value rotate(90 NaN Infinity) parsing transform attribute.

このエラーについて他の場所で何も見つけることができず、それがどのように正しくないかがわかりません。さらに、他のブラウザで動作するのは非常に奇妙だと思います。

誰かがこれについて手がかりを持っていますか？

私のコード-ここで、xcoorは0〜30の値の単純なintリストです：

for (var i in xcoor) {
     var dato = new Date();
     dato.setDate(new Date().getDate() - i);

     var xTxt = r.text(30 + (i * (725 / 30)), 315, dato.getDate() + '/' + (dato.getMonth() + 1)).rotate(90);
}
4

1 に答える 1

0

さて、何時間にもわたるグーグル、読書、さらにグーグルの後、私はついに解決策を見つけました。

最初のものが機能しない理由はまだわかりません。それでも、すべてのブラウザで機能する方法を見つけました。

for (var i in xcoor) {
     var dato = new Date();
     dato.setDate(new Date().getDate() - i);
     var xTxt = blokCanvas.text(40 + (i * (725 / 30)), 315, dato.getDate() + '/' + (dato.getMonth() + 1))
     xTxt.rotate(90, (40 + (i * (725 / 30))), 315);
}

回転機能には、さらに異なるバージョンがあります。その一つがこれ

rotate(degrees, x, y)

度はアイテムが回転する度数を表し、x、y はアイテムが回転するポイントの座標を表します。

x、y の値を最初にアイテムを配置した値と同じに設定すると、必要な結果が得られます。

わーい！

于 2011-09-09T08:10:39.347 に答える