1

highcharts.jsで作成されたチャートがあり、軸が反転しています（yは水平、xは垂直）。チャートにはいくつかのプロットがあります。1つはマーカーとして画像を使用した散布図です。私が抱えている問題は、チャートが反転されたときにマーカーがデフォルトで90度回転することです。軸が反転したチャートでマーカーが回転しないようにする方法はありますか？

4

2 に答える 2

2

これが私が思いつくことができる最高のものです...

function rotateMarker()
{
    $.each( $('.highcharts-markers').children(), function(){
        var marker = $(this);
        // rotate 90 degrees around the middle point of the marker
        var rotateAttr = 'rotate(90,'+(parseFloat(marker.attr('x'))+parseFloat(marker.attr('width'))/2)+','+marker.attr('y')+')';
        marker.attr('transform',rotateAttr);
    });
}

次の問題は、プロットが完全にレンダリングされるまでこのコードを実行できないことです。そして、highchartsアニメーションでは、setTimeoutに設定する必要がありました。

ここでフィドルを参照してください。

コメントへの回答

私はもともと左から右に同じ画像で作業していました。「ミラー」の問題については、270を回転させて、元の方向と同じ方向に動かすことができますか？

ここで更新されたフィドルを参照してください。

于 2013-02-27T16:44:39.463 に答える