Вращающиеся диаграммы в диаграмме 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 «вращение: 90» или в зависимости от того значения работает лучше для вы. Этот вариант был добавлен в последнюю версию ChartJs