在Chart JS中旋转图表

Question

我需要一个看起来像这样的图表：

我找到了Chart JS的Polar Area Chart ，但是没有按需要旋转。

而且由于Chart JS似乎没有旋转属性，因此我尝试使用CSS旋转画布

        #myChart {
            -webkit-transform: rotate(-25.2deg);
            transform: rotate(-25.2deg);
        }

这样可以实现所需的旋转，但是正如您所看到的，工具提示也会移动，并且旋转的画布可能会遮盖所有附近的divs ：

我是否有一些功能/方法可以忽略极坐标图而不旋转画布？

Answer 1

无法旋转chartJS但无法旋转技巧 ：-\\

从好的方面来说，从之前Stackoverflow的帖子中编写代码很容易！

极坐标图是一组同心楔形，如以下Stackoverflow文章所示：

使用画布创建极地面积图

工具提示只是鼠标悬停在特定楔形上的文本。 这是一个Stackoverflow帖子，显示如果鼠标悬停在不规则路径（例如楔形）内时如何使用context.isPointInPath绘制工具提示：

HTML画布悬停文本

Answer 2

输入“ rotation：90”或最适合您的值。 该选项已在ChartJs的最新版本中添加