하이챠트를 이용한 평점만들기 질문

<style>
#chartdiv {
  width: 100%;
  height: 500px;
}
</style>

<!-- Resources -->
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/radar.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>

<!-- Chart code -->
<script>
var chart = AmCharts.makeChart( "chartdiv", {
  "type": "radar",
  "theme": "light",
  "dataProvider": [
  {"country": "휴대성", "litres": 156},
  {"country": "가격", "litres": 115},
  {"country": "성능", "litres": 109},
  {"country": "디자인", "litres": 108},
  {"country": "무게", "litres": 99}],
  "valueAxes": [ {
    "axisTitleOffset": 20,
    "minimum": 0,
    "axisAlpha": 0.15
  } ],
  "startDuration": 2,
  "graphs": [ {
    "balloonText": "[[value]] litres of beer per year",
    "bullet": "round",
    "lineThickness": 2,
    "valueField": "litres"
  } ],
  "categoryField": "country",
  "export": {
    "enabled": true
  }
} );
</script>

<!-- HTML -->
<div id="chartdiv"></div>

https://www.w3schools.com/css/tryit.asp?filename=trycss_display_none

위 링크에 넣고  run하면 5각형 평점을 나오게 하면 좋지 않을까 생각이 되서 질문드립니다.

확장변수 5개를 만들고 ratio로 10 까지 선택하게 만든후 작성자가

평점을 하면 위에 하이챠트가 나오게 할려면 어려운가여 ㅡㅡ;;;;

{"country": "휴대성", "litres": (확장변수값)}, 이렇게 들어가게 하면될것같기도 하고...