Я использую Chart.JS для построения набора данных,
Однако у меня получился плавный эффект!
Вот такая кривая:
Вот мой код:
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);
}
Как сделать прямые линии вместо кривых?
Спасибо
bezierCurve: false
получить прямую линию. true (по умолчанию) дает вам кривуюtension:0
.lineTension
вместо просто «напряжение»Вы можете использовать опцию lineTension, чтобы установить желаемую кривую. Установите 0 для прямых линий. Вы можете указать число от 0 до 1
источник
Я использовал lineTension, чтобы установить плавность кривой.
Просто не забудьте проверить с разными значениями, насколько гладкая линия вам нужна.
Например:
источник
Думаю, обновился до
lineTension
. Проверьте документы .источник