Estou usando Chart.JS para traçar um conjunto de dados,
No entanto, obtive um efeito suave!
Aqui está a curva que tenho:
Aqui está o meu código:
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);
}
Como posso ter linhas retas em vez de curvas?
Obrigado
bezierCurve: false
obter uma linha reta. true (o padrão) dá a você uma curva (bezier)tension:0
.lineTension
vez de apenas 'tensão'Você pode usar a opção lineTension para definir a curva desejada. Defina 0 para linhas retas. Você pode fornecer um número entre 0-1
fonte
Usei lineTension para definir a suavidade da curva.
Apenas certifique-se de testar com valores diferentes a suavidade que você deseja da linha.
Por exemplo:
fonte
Acho que foi atualizado para
lineTension
. Verifique a documentação .fonte