x轴高图上的日期格式

问题描述

我是高级图表的初学者。我正在尝试某些东西，被卡住了。我试图使用json数据绘制折线图。该图正确绘制，但在x轴上的日期始终不能正确显示，始终显示1971年1月1日。我想要json数据中给出的确切日期。

    "linechart":[{
                "name":"Average Conversation Length (In minutes)","data":[["2020,02,12",12],["2020,13",13],14",5],15",6],["2020 02,16",8],17",23],18",11]]},{
                 "name":"Average Number of Conversations",10],21],19],2],3],38],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"}});

,

我已经通过修改代码中的json数组解决了这个问题。

    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',credits: {
        enabled: false
    }
});
Highcharts.setOptions({lang: {noData: "No Data Available"}});