Попытка установить ось X на «мм: сс» - PullRequest
Новая
       121

Попытка установить ось X на «мм: сс»

0 голосов
/ 15 октября 2019

Я пытаюсь сделать так, чтобы ось X на моих графиках показала шкалу, которая выглядит как - «минуты: секунды» (мм: сс), но все, что я мог сделать, это сделать ее масштабом года и месяца: 

new Date();

Я действительно не могу найти руководство, которое я понял ... Это мой код JS: 

window.onload = function () {
  let d = new Date();
  let secondsString = d.getSeconds();
  let minString = d.getMinutes();
  var totalTime = `${minString}${secondsString}` * 1;


    var chart = new CanvasJS.Chart("chartContainer",
    {

      title:{
      text: "Coins"
      },
       data: [{        
        type: "spline",
        name: "Bitcoin",
        showInLegend: true,
        dataPoints: [
       {x: new Date(), y: 1200},
      {x: new Date(), y: 1300},
      {x: new Date(), y: 1400} 
        ]
      },       
      ]
    });

    chart.render();
  }

Как изменить строку оси x?

По сути это выглядит так: enter image description here

Шкала оси X показывает 2834. Я хочу, чтобы это было: 28: 34.

1 Ответ

2 голосов
/ 17 октября 2019

Установка valueFormatString на "ЧЧ: мм" должна нормально работать в вашем случае. 

var chart = new CanvasJS.Chart("chartContainer", {
  title:{
    text: "Coins"
  },
  axisX: {
  	valueFormatString: "HH:mm"
  },
  data: [{        
    type: "spline",
    name: "Bitcoin",
    showInLegend: true,
    dataPoints: [
      {x: new Date(2019, 09, 17, 02, 15, 20), y: 1200},
      {x: new Date(2019, 09, 17, 08, 15, 20), y: 1300},
      {x: new Date(2019, 09, 17, 14, 15, 20), y: 1400} 
    ]
  },       
 ]
});

chart.render();
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
...