Первоначальную анимацию Chartjs нужно изменить слева направо (по умолчанию это снизу вверх) - PullRequest
Новая
       14

Первоначальную анимацию Chartjs нужно изменить слева направо (по умолчанию это снизу вверх)

0 голосов
/ 21 января 2019

с использованием chartjs 2.1.4 (настроенный), диаграмма по умолчанию, показывающая анимацию снизу вверх, в нашем приложении нижняя сторона холста двумя кнопками (слева и справа)

при нажатии левой кнопки анимация диаграммы хочет направослева, при нажатии на правую кнопку анимации диаграммы хотите показать слева направо

, пожалуйста, помогите мне найти решение, заранее спасибо

1 Ответ

0 голосов
/ 13 февраля 2019 

var myData = [{x:0,y:0},{x:1,y:2},{x:2,y:1},{x:3,y:3}];
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
  type: 'line',
  data: {
    datasets: [{
      data: [myData[0]],
      lineTension: 0
    }]
  },
  labels:['a','a','a','a','a','a',],
  options: {
    scales: {
      xAxes: [{
        type: 'linear',
        ticks: {
          min: 0,
          max: 3
        }
      }],
      yAxes: [{
        ticks: {
          min: 0,
          max: 3
        }
      }]
     }
  }
});
var next = function() {
  var data = myChart.data.datasets[0].data;
  var count = data.length;
  data[count] = data[count - 1];
  myChart.update({duration: 0});
  data[count] = myData[count];
  myChart.update();
  if (count < myData.length) {
    setTimeout(next, 1000);
  }
}
setTimeout(next, 1000);
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>

<canvas id="myChart"></canvas>

Не простой вариант, вы должны использовать что-то вроде этого.

...