선형 차트 부드럽게 처리 + 포인트 없애기

선형(line) 차트를 적용할 때는 기본적으로 아래와 같이 보여집니다.

필요에 따라 선형 차트의 스타일을 바꿔야할 때가 있습니다.

아래는 선형 차트의 포인트를 없애고 부드럽게 처리하는 예제입니다.

datasetOptions

  • 데이터셋의 스타일 옵션들을 지정합니다.

pointStyle

  • 포인터 표시 여부

tension

  • 선의 장력(tension)을 조절
chartOptions:
  height: 200px
  type: line
  x: date
  y: UPB
  borderWidth: 2
  borderColor:
    UPB: RoyalBlue
  backgroundColor:
    UPB: RoyalBlue  

  datasetOptions:
    cubicInterpolationMode: monotone
    pointStyle: false
    tension: 0.4
2개의 좋아요