2017-09-03 11 views
1

私はチャートが800個のデータポイントを与え、それはかなりぼやけていた次のような構成ChartJSでぼやけて見えるチャートを修正するには?

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とチャートを作りました。 ChartJS blurry 回線が連続的かつシャープになるように設定を変更する方法はありますか?

答えて

2

がぼやけています。多数のデータがあり、データポイントのサークルが重複しているので、ぼやけて見えます。これらのデータ・ポイントの円を削除することを

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

:あなたはこの問題を解決することができます

一つの方法は、そのようなあなたのデータセットの0pointRadiusプロパティを設定することです。

+1

ありがとうございました。今は0.3に設定していますが、以前の繰り返しよりもはるかによく見えますが、色は少し明るいです。純粋な黒線にする何か? – Saikiran

+1

は、 'pointBorderColor' /' pointBackgroundColor'をデータセットの 'black'に設定します。 –

関連する問題