Как фильтровать данные по датам в диаграммах. js - PullRequest
0 голосов
/ 13 июля 2020

Я использую графики. 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>

это мой код, я понятия не имею, как я могу это сделать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...