Używam Chart.JS do wykreślenia zbioru danych,
Jednak uzyskałem gładki efekt!
Oto krzywa, którą mam:
Oto mój kod:
function plotChart(data, labels) {
var lineChartData = {
"datasets": [{
"data": data,
"pointStrokeColor": "#fff",
"fillColor": "rgba(220,220,220,0.5)",
"pointColor": "rgba(220,220,220,1)",
"strokeColor": "rgba(220,220,220,1)"
}],
"labels": labels
};
var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData);
}
Jak mogę mieć proste linie zamiast krzywych?
Dziękuję Ci
bezierCurve: false
uzyskać prostą linię. true (wartość domyślna) daje krzywątension:0
.lineTension
zamiast tylko „napięcia”Możesz użyć opcji lineTension, aby ustawić żądaną krzywą. Ustaw 0 dla prostych linii. Możesz podać liczbę od 0 do 1
źródło
Użyłem lineTension, aby ustawić gładkość krzywej.
Po prostu sprawdź przy różnych wartościach, jak gładka ma być linia.
Na przykład:
źródło
Myślę, że został zaktualizowany do
lineTension
. Sprawdź dokumenty .źródło