search

chartjs / Chart.js

Simple HTML5 Charts using the <canvas> tag
https://www.chartjs.org/
MIT License
64.8k stars 11.92k forks source link

Allow Radar chart scale to fill a non-square area #8225

Open r23ima opened 3 years ago

r23ima commented 3 years ago

I've been researching for a couple of days now on how to configure the scaling of radar chart. It wasn't indicated in the chartjs docs and I can't find answers from stackoverflow. I need to widen the chart or control it's y scale. (I'm using reactjs for development)

Current Output: Screen Shot 2020-12-23 at 3 31 32 PM

Expected Output: Screen Shot 2020-12-23 at 4 29 47 PM

r23ima commented 3 years ago

@LeeLenaleee Am I doing this right? I already set maintainaspect ratio to false then added customize width and height to the canvas. Still not working.

https://codepen.io/r23ima/pen/ZEpXaoE

LeeLenaleee commented 3 years ago

No thats why I removed the comment, was writing it in while traveling (and thought that would work) but whenn I tried it it didn't work

etimberg commented 3 years ago

I don't think this is possible. The radial scale always lays out points in a circle from the center point. Check out getPointPositionForValue to see how it works.

r23ima commented 3 years ago

@etimberg Oh I see. Thanks for considering this as an enhancement, I hope this can be implemented soon.