javascript - Highcharts :在反向图表中禁用标记旋转

我有一个用highcharts.js创建的图表，其中的轴是倒置的（y是水平的，x是垂直的）。在图表中，我有几个图，一个是以图片为标记的散点图。我遇到的问题是，图表反转时，默认情况下标记会旋转90度。有没有办法使带有反转轴的图表的标记不旋转？

最佳答案

这是我能想到的最好的...

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。

参见小提琴here。

对评论的回应

我最初使用的是从左到右相同的图像。对于“镜子”问题，您可以旋转270，使其与原始方向相同吗？

请参阅更新的小提琴here。

关于javascript - Highcharts :在反向图表中禁用标记旋转，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15068288/