我不明白为什么tickinterval和' dot'在图上没有对齐?

时间:2014-03-13 22:18:00

标签: javascript highcharts jsfiddle

我不明白为什么tickinterval和' dot'图表上没有对齐?

我们可以在这个JSFiddle中看到' 2月10日'和#2; 2月10日和#39;没有对齐。

 $('#container').highcharts({
    chart: {
            backgroundColor: '#fff',
            borderWidth: 0,
            plotBackgroundColor: '#fff',
            plotShadow: false,
            plotBorderWidth: 0
        },
        title: {
            text: '',
            x: -20 //center
        },
        subtitle: {
            text: '',
            x: -20
        },
        xAxis: {
            gridLineWidth: 0,
            type: 'datetime',
            dateTimeLabelFormats: {
                day: '%e. %b',
                week: '%e. %b',
                month: '%b \'%y',
                year: '%Y'
            }
        },
        yAxis: {
            minorTickInterval: 1,
            lineWidth: 0,
            tickWidth: 0,
            title: {
                text: ''
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'horizontal',
            align: 'top',
            verticalAlign: 'top',
            borderWidth: 0
        },
            navigation: {
            buttonOptions: {
            enabled: false
            }
        },
        series: [
            {
                name: 'Logins',
                data: [[1391407200000, 2],
                         [1391493600000, 2],
                         [1391580000000, 1],
                         [1392012000000, 1],
                         [1392098400000, 2],
                         [1392184800000, 1],
                         [1392271200000, 2],
                         [1392357600000, 1],
                         [1392616800000, 3],
                         [1392789600000, 1],
                         [1392876000000, 1],
                         [1393221600000, 2],
                         [1393308000000, 3],
                         [1393394400000, 1],
                         [1393480800000, 1]],
                pointInterval: 86400000,
                pointStart: 1391212800000
            }
          ]
});

enter image description here

1 个答案:

答案 0 :(得分:2)

这是因为x轴上刻度的时间戳和点的时间戳不同

我已经更新了你的小提琴,因此原因很清楚http://jsfiddle.net/F9vJT/4/