javascript - Chart JS 中的旋转图表

Question

我需要一个如下所示的图表:

我找到了Chart JS'Polar Area Chart ，但它没有按照我的需要进行旋转。

由于 Chart JS 似乎没有旋转属性，我尝试用 CSS 旋转 Canvas

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

这会获得所需的旋转，但正如您所看到的，工具提示也会发生移动，并且任何附近的 div 可能会被旋转的 Canvas 遮挡:

是否有一些我忽略的功能/方法可以在不操作 Canvas 的情况下旋转极坐标图？

Answer 1

无法旋转图表JS但不旋转提示 :-\

好的一面是，根据以前的 Stackoverflow 帖子自行编写代码非常容易!

极坐标图是一组同心楔形，如 Stackoverflow 帖子所示:

Creating Polar Area Chart using Canvas

工具提示只是当鼠标悬停在特定楔形上时在该楔形上绘制的文本。这是一个 Stackoverflow 帖子，展示了如果鼠标悬停在不规则路径(如楔子)内，如何使用 context.isPointInPath 绘制工具提示:

HTML Canvas Hover Text