title: Rotating charts in Chart JS
body: <p>I have a requirement for a chart that looks as such:</p>
  
  <p><img src="https://i.stack.imgur.com/8qSotm.png" alt="enter image description here"></p>
  
  <p>I found Chart JS' <a href="http://www.chartjs.org/docs/#polar-area-chart" rel="nofollow noreferrer">Polar Area Chart</a>, but it's not rotated as I needed.</p>
  
  <p><img src="https://i.stack.imgur.com/8Jzjv.png" alt="enter image description here"></p>
  
  <p>And since Chart JS doesn't seem to have a rotate property, I tried just rotating the canvas with CSS</p>
  
  <pre><code>        #myChart {
              -webkit-transform: rotate(-25.2deg);
              transform: rotate(-25.2deg);
          }
  </code></pre>
  
  <p>This gets the desired rotation, but as you can see, the tooltips are also shifted, and any nearby <code>divs</code> could be obscured by the rotated canvas:</p>
  
  <p><img src="https://i.stack.imgur.com/FimVb.png" alt="enter image description here"></p>
  
  <p>Is there some feature/method I'm overlooking to rotate a polar chart without manipulating the canvas?</p>