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

[Anonymous]

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

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

import { Chart } from 'chart.js';
import annotationPlugin from 'chartjs-plugin-annotation';

Chart.register(ChartDataLabels);
Chart.register(annotationPlugin);

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);
}


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