title: What's the most effective way to implement a radar plot with 50 points at arbitrary locations using chart.js
body: <p>Consider a sequence of data along the following lines:</p>
  
  <pre><code>data = [{angle:1.2,value:1.2},...,{angle:355.2: value:5.6}];
  </code></pre>
  
  <p>I'd like to display this data on a radially scaled plot (i.e. circular bands indicating how high the value of each point is) to show angle vs value. Angles will change by a small but uncontrollable quantity for each data set but there will always be ~50 of them spaced fairly evenly around the chart.</p>
  
  <p>It looks like <code>chart.js</code> has two options which don't quite fit the bill:</p>
  
  <ul>
  <li>A Radar plot which appears to require a label per point but without an obvious way to control where those labels are applied.</li>
  <li>An x-y scatter which I could calculate x/y co-ordinates for but which doesn't have the radial scale to help visualise the value of each point.</li>
  </ul>
  
  <p>Is there a way to combine the two perhaps or some option I've missed to control them to achieve the result I'm looking for here?</p>
  
  <p><em>Edit - for example, this shows the data but lacks a radial scale:</em></p>
  
  <p><a href="https://jsfiddle.net/7d7ghaxx/4/" rel="noreferrer">https://jsfiddle.net/7d7ghaxx/4/</a></p>
  
  <p>**Edit2 - This is the sort of thing I Would expect to see as a result:</p>
  
  <p><a href="https://i.stack.imgur.com/mHKXb.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mHKXb.png" alt="enter image description here"></a></p>