Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/selenium/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法在图表的x轴上显示日期_Javascript_Jquery_Ajax_Datetime_Highcharts - Fatal编程技术网

Javascript 无法在图表的x轴上显示日期

Javascript 无法在图表的x轴上显示日期,javascript,jquery,ajax,datetime,highcharts,Javascript,Jquery,Ajax,Datetime,Highcharts,我想在x中显示日期,但无法显示。在图形中显示类似于此的值00.00.00.100。无法将15778440000转换为正确的日期、月份、年份(javascript),以便在highcharts中使用DateTimeLabelFormat在x轴上显示。如何使用刻度以及如何在图形中显示刻度。 刻度值在控制台中的打印方式如下。 样本勾号数据 1577844000000 1577843100000 1577842200000 1577841300000 157784

我想在x中显示日期,但无法显示。在图形中显示类似于此的值00.00.00.100。无法将15778440000转换为正确的日期、月份、年份(javascript),以便在highcharts中使用DateTimeLabelFormat在x轴上显示。如何使用刻度以及如何在图形中显示刻度。 刻度值在控制台中的打印方式如下。 样本勾号数据

    1577844000000
    1577843100000
    1577842200000
    1577841300000
    15778404000
来自响应的样本数据

DeviceTimeStamp: "2020-01-10T00:30:00"

代码


您可以使用以下方法转换json日期:

var jsonDate=“\/Date(15778440000)\/”。substr(6);
var dateObject=新日期(parseInt(jsonDate));
变量stringDate=(dateObject.getMonth()+1)+“/”+dateObject.getDate()+“/”+dateObject.getFullYear();
log(“Dat对象:“+dateObject”);

日志(“字符串日期:+stringDate”) getalldata(); function getalldata() { var xhttp_roomlogs = new XMLHttpRequest(); xhttp_roomlogs.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) { var response = JSON.parse(xhttp_roomlogs.responseText); var Ch1Temp = []; var Ch2Temp = []; $(response).each(function (i, item) { var date = UtcToIst(item.DeviceTimeStamp); var ticks = Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds()); Ch1Temp.push([ticks, item.Ch1Temp]) Ch2Temp.push([ticks, item.Ch2Temp])// }); $('#container').empty(); var labels = response.map(function (e) { var roomtempdata = e.Ch1Temp; return parseFloat(roomtempdata); }) var ch2temp = response.map(function (e) { var roomtempdata = e.Ch2Temp; return parseFloat(roomtempdata); }) Highcharts.chart('container', { credits: { enabled: false }, title: { text: 'Chamber 1 & 2 Temp' }, subtitle: { text: 'in Degree Celcius' }, xAxis: { type: 'datetime', dateTimeLabelFormats: { // don't display the dummy year month: '%e. %b', year: '%b' }, title: { text: 'Date' } }, yAxis: { title: { text: 'Temperature' } }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle' }, //y co-ordinates series: [{ name: 'Chamber 1 Temp', data: labels }, { name: 'Chamber 2 Temp', data: ch2temp } ], responsive: { rules: [{ condition: { maxWidth: 500 }, chartOptions: { legend: { layout: 'horizontal', align: 'center', verticalAlign: 'bottom' } } }] } }); //highcharts end } }; xhttp_roomlogs.open("GET", "/api/data", true); xhttp_roomlogs.send(); } function UtcToIst(data) { var dt = new Date(data); return dt; }