ChartJS에서 흐리게 보이는 차트를 수정하는 방법은 무엇입니까?

Question

나는 도표 800 데이터 포인트를 공급하고 아주 흐릿의 된 다음과 같은 구성

var ctx = document.getElementById("myChart").getContext('2d'); 
    var myChart = new Chart(ctx, { 
     type: 'line', 
     data: { 
      labels: labels, 
      datasets: [{ 
       label: 'Voltage Fluctuation', 
       data: data, 
       borderWidth: 1, 

       fill: false, 
      }] 
     }, 
     options: { 
      scales: { 
       xAxes: [{ 
        type: 'time', 
        time: { 
         unit: 'minute', 
         displayFormats: { 
          hour: 'HH:mm:ss' 
         } 
        } 
       }] 
      }, 
     } 
    }); 

를 사용 ChartJS와 차트를했다. 선이 연속적이고 선명하도록 구성을 변경할 수있는 방법이 있습니까?

Answer 1

아니요, 흐림 많은 양의 데이터가 있고 데이터 포인트 서클이 겹치기 때문에 흐릿 해 보입니다. 당신이이 문제를 해결 할 수

한 가지 방법은 다음처럼 데이터 집합 0에 pointRadius 속성을 설정하는 것입니다 : 그 데이터 포인트 서클을 제거합니다

... 
datasets: [{ 
    label: 'Voltage Fluctuation', 
    data: data, 
    borderWidth: 1, 
    fill: false, 
    pointRadius: 0 //<- set this 
}] 
... 

.