Chart.js не отображает линию, просто точки ⇐ Jquery

[Anonymous]

Я обновил chart.js от Old 2.6 до последнего 4.5 и сумел сломать кучу вещей. Я исправил все, за исключением двух выпусков: < /p>

Line Line, на которой изображены только точки и нет строк. Я знаю, что мой набор данных и
этикетки (переданные вместе как «данные» для функции рендеринга) в порядке, потому что, если я переключаюсь на стержню, он отображает нормально. < /Li>
НЕТ x и y -метки не отображаются. < /Li>
< /ul>
Я нахожусь в моем остроумии, и мы надеемся, что это будет применение, и я надеюсь, что это будет. На главной странице я включил ссылки на chart.js, v4.5.0; chartjs-plugin-datalabels.js v2.2.0; и chartjs-plugin-annotation.js v2.2.1. < /p>

Код: Выделить всё

var chartTxnCount;
< /code>
html: < /p>

< /code>
Функция рендеринга диаграммы: < /p>
function drawRespChart(data) {
const ctx = document.getElementById('rtChart').getContext('2d');

if (chartTxnCount)
chartTxnCount.destroy();

chartConfig =
{
type: 'line',    // 'bar' works fine, although still no x/y labels
data: data,
options: {
responsive: true,
maintainAspectRatio: true,
plugins: {
title: {
display: true,
text: 'Process Volume',
padding: {
top: 10,
bottom: 30
}
},
legend: {
display: true,
labels: {
color: 'rgb(0,0,0)'
}
},
scales: {
x: {
title: {
display: true,
text: 'Hour'
},
grid: {
display: false // Hide x-axis grid lines
},
ticks: {
color: '#555'
}
},
y: {
title: {
display: true,
text: 'Count'
},
beginAtZero: true,
ticks: {
stepSize: 20
}
},
},
datalabels: {
color: '#FF0000',
backgroundColor: function (context) {
return context.dataset.backgroundColor;
},
padding: 4,
font: {
weight: 'bold'
},
anchor: 'end',
align: 'start',
formatter: Math.round
}
}
}
};
chartTxnCount = new Chart(ctx, chartConfig);
}
< /code>
Данные переданы в функцию рендеринга состоит из меток и наборов данных: < /p>
Метки: < /p>
['00:00','01:00',...,'23:00']
< /code>
Наборы данных (5 из них, ниже, один набор): < /p>
datasets[0]:
backgroundColor: "#8e5ea2"
borderColor: "#4ad95a"
borderStyle: "solid"
borderWidth: 0
data: (24) [20,4,16,14,101,0,40,4,3,20,3,7,1,0,39,30,0,1,4,11,1075,156,6,null]
fill: false
label: Items Processed (1,555)
showLines: true
spanGaps: true

Подробнее здесь: https://stackoverflow.com/questions/797 ... -just-dots