第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使用ChartJS獲取一組Date對(duì)象并根據(jù)一天中的時(shí)間顯示頻率

如何使用ChartJS獲取一組Date對(duì)象并根據(jù)一天中的時(shí)間顯示頻率

楊__羊羊 2021-03-29 16:14:54
我有一組Date對(duì)象,想顯示在一天中任何給定時(shí)間發(fā)生的日期的頻率。圖表應(yīng)考慮日期對(duì)象中的一天中的時(shí)間,但不考慮日期。我的當(dāng)前代碼中有一個(gè)JSFiddle,盡管它不能與當(dāng)前數(shù)據(jù)輸入一起使用。$(function() {  var data = [];  var date = new Date();  var date2 = new Date(date.getTime());  date2.setDate(date2.getDate() + 1);  var date3 = new Date(date2.getTime());  date3.setDate(date3.getDate() + 1);  data.push({    t: date,    y: 3  });  data.push({    t: date2,    y: 5  });  data.push({    t: date2,    y: 11  });  var labels = ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00',    '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00'  ];  var options = {    responsive: true,    legend: {      display: false    },    scales: {      xAxes: [{        scaleLabel: {          display: true        },        type: "time",        time: {          unitStepSize: 1,          unit: "hour",          displayFormats: {            'minute': 'HH:mm',            'hour': 'HH:mm',          },          min: '00:00',          max: '24:00'        },        position: "bottom"      }],      yAxes: [{        ticks: {          beginAtZero: true,          callback: function(value) {            if (Number.isInteger(value)) {              return value;            }          }        }      }]    }  };  var graph = document.getElementById('time-of-day-chart').getContext("2d");  var lineChart = new Chart(graph, {    type: 'line',    data: {      labels: labels,      datasets: [{        data: data      }]    },    options: options  });})();<canvas id="time-of-day-chart" width="400" height="400"></canvas>我想制作一個(gè)簡(jiǎn)單的折線圖,以顯示與一天中任何給定時(shí)間匹配的日期的頻率。
查看完整描述

1 回答

?
慕妹3242003

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超6個(gè)贊

您必須使用如下數(shù)據(jù):


  var data = [0, 0, 0, 3, 0, 5, 11, 4, 6, 12, 33, 12, 0, 0, 40, 3, 0, 5, 11, 21, 6, 12, 10, 12 ];


  var labels = ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00',

    '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00'

  ];

使用此選項(xiàng)效果很好:


var options = {

responsive: true,

legend: {

  display: false

},

scales: {


  yAxes: [{

    ticks: {

      beginAtZero: true,

      callback: function(value) {

        if (Number.isInteger(value)) {

          return value;

        }

      }

    }

  }]

}

 };

http://img1.sycdn.imooc.com//606ebc2500014aeb07710774.jpg

查看完整回答
反對(duì) 回復(fù) 2021-04-08
  • 1 回答
  • 0 關(guān)注
  • 360 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)