在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的最新版本中添加