ChartJS Liniendiagramm x = y nicht geradlinige Linie

Question

Ich muss eine Linie, die viele Punkte (200) und am Anfang x gleich y hat.

Aber wie Sie auf diesem codepen sehen können, ist die Linie nicht gerade. Gibt es eine Möglichkeit, ein glattes Rendering zu haben?

Vielen Dank

var ctx = document.getElementById("myChart"); 

function generateFakeData() { 
    var res = []; 
    var i = 0; 
    for (i = 0; i < 200; ++i) { 
    res.push(i); 
    } 

    return res; 
} 
var myChart = new Chart(ctx, { 
    type: "line", 
    data: { 
    labels: generateFakeData(), 
    datasets: [ 
     { 
     label: "# of Votes", 
     data: generateFakeData(), 
     radius: 0, 
     borderColor: "#156FB4" 
     } 
    ] 
    }, 
    options: { 
    scales: { 
     yAxes: [ 
     { 
      ticks: { 
      beginAtZero: true 
      } 
     } 
     ] 
    } 
    } 
}); 

Answer 1

Wenn Sie Ihre gefälschte Daten Funktion ändern waren zu sein: sonst

function generateFakeData() { 
    var res = []; 
    res[0] = 0; 
    res[200] = 200; 
    return res; 
} 

und fügen spanGaps: true zu den Optionen, wird die Linie schön und gerade, Die Art und Weise, wie die Pixel ausgerichtet sind, lässt sie gezackt erscheinen, wenn sie versucht, sie miteinander zu verbinden.

Nicht sicher, ob dies bei Ihrem Anwendungsfall hilft.