Я использую графики. js и у меня линейный график. Я пытаюсь фильтровать данные по метке (дате). Я создал два ввода даты начала и окончания. график даты начала / окончания изменения пользователя должен быть отфильтрован по дате
var ctx = document.getElementById('myChart').getContext('2d');
var lbls = ["07/11/2020","07/12/2020","07/13/2020",];
var dt = ["27","24","30",]
var chart = new Chart(ctx, {
// The type of chart we want to create
type: 'line', // also try bar or other graph types
// The data for our dataset
data: {
labels: lbls,
// Information about the dataset
datasets: [{
label: "Gold Price",
backgroundColor: 'lightblue',
borderColor: 'royalblue',
data: dt,
}]
},
// Configuration options
options: {
layout: {
padding: 10,
},
legend: {
position: 'bottom',
},
title: {
display: true,
text: "Gold Price"
},
scales: {
yAxes: [{
scaleLabel: {
display: true,
labelString: 'Price in USD'
}
}],
xAxes: [{
scaleLabel: {
display: true,
labelString: 'Date'
}
}]
}
}
});
<div class="chart" style="width:100%">
<input type="date" onfocus="(this.type='date')" placeholder="Start Date" id="start"><input type="date" onfocus="(this.type='date')" placeholder="End Date" id="end">
<canvas id="myChart" width="400" height="200"></canvas>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.js"></script>
это мой код, я понятия не имею, как я могу это сделать.