图表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帖子所示：

Creating Polar Area Chart using Canvas

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

HTML Canvas Hover Text

Answer 2

Put＆＃34;轮换：90＆＃34;或者哪个价值最适合你。此选项已添加到ChartJs的最新版本

中