Chart.js로 레이더 차트 구성

Question

편집 : 아래 답변은 부분적으로는 답변되었지만 최종 해결책을 얻는 데 도움이되었습니다. 바이올린은 내가 원했던 것으로 업데이트되었습니다.

• 증가 : https://jsfiddle.net/bigtrouble77/02p81jhr/4/

  Chart.defaults.global.defaultFontColor = "#eee"; 
  
  var radarData = { 
      labels: [ "Passing", "Positioning", "Stickhandling", "Wristship", 
  "Determination", "Acceleration", "Speed" ], 
      datasets: [ 
      { 
       label: false, 
       data: [4, 6, 2, 3, 7, 9, 8], 
       backgroundColor: "rgba(220,220,220,0.2)", 
       borderColor: "#eee", 
       borderWidth: 1 
      } 
      ] 
  }; 
  
  var radarOptions = { 
      responsive: true, 
      maintainAspectRatio: true, 
      title: { 
      display: false 
      }, 
      legend: { 
      display: false, 
      } 
  }; 
  
  var ctx5 = document.getElementById("radarChart").getContext("2d"); 
  
  new Chart(ctx5, { type: 'radar', data: radarData, options: radarOptions }); 
  

  나는 다음과 같은 작업을 수행하는이 차트를 구성하는 방법에 대한 정보를 찾는 매우 어려운 시간을 보냈습니다 : 여기

  내가 일하고 있어요 레이더 차트입니다 텍스트의 글꼴 크기
• "웹"줄의 색을 변경하십시오.
• 보기 흉한 세로 상자를 제거하십시오.
• 은 배율을 1-20으로 변경하여 20이 항상 차트에서 가장 높은 수준이되고 데이터 집합에서 가장 높은 수준이되지 않도록합니다.

문서 작업을 수행하는 방법에 대한 정보를 찾을 수 없었습니다. 이전 버전의 Chart.js를 사용하여 성공했지만 api는 크게 변경된 것 같아 최신 버전의 Chart.js에서는 작동하지 않습니다. 어떤 도움이라도 대단히 감사하겠습니다. 내가 그 설정과 함께 바이올린을 업데이트

var radarOptions = { 
     scale:{ 
     pointLabels: { 
     fontSize: 20 
     }, 
     }, 

    responsive: true, 
    maintainAspectRatio: true, 
    title: { 
    display: false 
    }, 
    legend: { 
    display: false, 
    } 
}; 

Answer 1

단순히 대체합니다.