Json x轴海图上的日期格式
我是海图的初学者。我试着做点什么,结果被卡住了。我尝试使用json数据绘制一个折线图。图表绘制正确,但x轴日期显示不正确,始终显示1971年1月1日。我想要json数据中给出的确切日期Json x轴海图上的日期格式,json,charts,highcharts,Json,Charts,Highcharts,我是海图的初学者。我试着做点什么,结果被卡住了。我尝试使用json数据绘制一个折线图。图表绘制正确,但x轴日期显示不正确,始终显示1971年1月1日。我想要json数据中给出的确切日期 "linechart":[{ "name":"Average Conversation Length (In minutes)", "data":[["
"linechart":[{
"name":"Average Conversation Length (In minutes)",
"data":[["2020,02,12",12],["2020,02,13",13],["2020,02,14",5],["2020,02,15",6],["2020 02,16",8],["2020,02,17",23],["2020,02,18",11]]},
{
"name":"Average Number of Conversations",
"data":[["2020,02,12",10],["2020,02,13",21],["2020,02,14",19],["2020,02,15",2],["2020,02,16",3],["2020,02,17",38],["2020,02,18",8]]
}]
我在x轴上尝试了很多选项,但没有结果
xAxis: {
title: {
text: 'Average session length (in minutes)'
},
tickAmount: 5,
type: 'datetime',
dateTimeLabelFormats: {
day: '%m/%d/%Y',
week: '%m/%d/%Y',
month: '%m/%d/%Y',
},
labels: {
style: {
fontFamily: "Open Sans"
},
}
},
time: {
useUTC: false
},
请试试这个
var data = chartdata.linechart;
for (var i = 0; i < data.length; i++) {
var obj = data[i];
obj.data.forEach(d => {
d[0] = Date.parse(d[0]);
});
}
console.log(data);
Highcharts.chart('linechart', {
title: {
text: 'Average session length by day'
},
yAxis: {
title: {
text: 'Day'
}
},
xAxis: {
title: {
text: 'Average session length (in minutes)'
},
type: 'datetime',
},
legend: {
align: 'center',
verticalAlign: 'bottom',
x: 0,
y: 0
},
plotOptions: {
series: {
label: {
connectorAllowed: false
}
}
},
series: data,
credits: {
enabled: false
}
});
Highcharts.setOptions({lang: {noData: "No Data Available"}});
var data=chartdata.linechart;
对于(变量i=0;i{
d[0]=Date.parse(d[0]);
});
}
控制台日志(数据);
Highcharts.chart(‘线形图’{
标题:{
文本:“每天的平均会话长度”
},
亚克斯:{
标题:{
文字:“一天”
}
},
xAxis:{
标题:{
文本:“平均会话长度(以分钟为单位)”
},
键入:“日期时间”,
},
图例:{
对齐:'居中',
垂直排列:“底部”,
x:0,,
y:0
},
打印选项:{
系列:{
标签:{
允许的连接器:false
}
}
},
系列:数据,
学分:{
已启用:false
}
});
setOptions({lang:{noData:“无可用数据”});
您是否考虑过使用xAxis类别
类型而不是日期时间
?演示:此解决方案不需要解析数据。