[React/Chart.js] RadarChart에서 label size 및 weight 조절하기

Chart.js를 사용해서 RadarChart를 만들 때, Label 텍스트 사이즈 및 굵기를 조절하는 방법입니다.

 

const options = {
  ...
  scales: {
    r: {
      pointLabels: {
        font: {
           size: 16,
           weight: "bold" as const,
        },
      },
    },
  },
  ...
}

 

처음에는

font: {
  size: 16,
  weight: "bold",
}

 

이렇게 사용하였는데, options 부분에서 에러가 발생하였습니다.

 

 

타입스크립트 자체에서 `weight: bold` 부분이, 문자열이기 때문에 다른 값으로 바뀔 수 있다고 판단하여 오류가 납니다.

 

따라서 `as const`를 붙여줌으로써, 값이 정확히 "bold"이며, 다른 문자열로 바뀌지 않을 것을 알려주어 오류를 해결할 수 있습니다.