Javascript Highcharts日期时间刻度开始和间隔

Javascript Highcharts日期时间刻度开始和间隔,javascript,highcharts,data-visualization,Javascript,Highcharts,Data Visualization,数据从周一早上6点开始,每小时有一个数据点。我很难让xAxis刻度线在周一早上6点读取,并且每24小时重复一次 有什么建议吗?这是一把小提琴 以下是我的主要绘图功能: var dayInMilliseconds = 3600 * 1000 * 24; $(function () { $('#chart1').highcharts({ chart: { type: 'area' }, title: {

数据从周一早上6点开始,每小时有一个数据点。我很难让xAxis刻度线在周一早上6点读取,并且每24小时重复一次

有什么建议吗?这是一把小提琴

以下是我的主要绘图功能:

var dayInMilliseconds = 3600 * 1000 * 24;    

$(function () {
    $('#chart1').highcharts({
        chart: {
            type: 'area'
        },
        title: {
            text: 'Orders'
        },
        xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: {
                // month: '%A',
            },
            // tickInterval: dayInMilliseconds,
            title: {
                text: null
            },
            labels: {
                align: 'left',
                x: 3
            },
            // startOnTick: true,
            // endOnTick: true,
            // min: 1413352800000,
        },
        yAxis: {
            title: {
                text: null
            },
            min: 0,
        },
        legend: {
            enabled: false
        },
        plotOptions: {
            area: {
                marker: {
                    enabled: false,
                    symbol: 'circle'
                },
                lineWidth: 0,
                fillOpacity: 1,
                // pointStart: 1413352800000,
            },
        },    

        series: [{
            name: '1',
            color: '#edc54b',
            data: seriesData[0].data
        },{
            name: '2',
            color: '#edc54b',
            data: seriesData[1].data
        },{
            name: '3',
            color: '#edc54b',
            data: seriesData[2].data
        },{
            name: '4',
            color: '#edc54b',
            data: seriesData[3].data
        },{
            name: '5',
            color: '#edc54b',
            data: seriesData[4].data
        },{
            name: '6',
            color: '#edc54b',
            data: seriesData[5].data
        },{
            name: '7',
            color: '#fbd046',
            data: seriesData[6].data
        }]
    });
});

您的seriesData是什么样子的?你能用数据更新来重新创建整个图表吗?更新了你的JSFIDLE@SebastianBochan你有一个时间戳像1413352800000,这是第一个,运行函数new Date1413352800000,你会注意到它返回的是周三2014年10月15日08:00:00 GMT时间,所以它被转换,然后被正确打印。您可以使用偏移/尝试禁用UTC