Highstock点与tick无法正确对齐

时间:2014-05-23 02:12:42

标签: highcharts highstock

我试图制作一个高压线图,但我遇到了一个问题,即在X轴上对齐点与刻度线。 Align Problem

以下是我的图表的一些代码片段。

 jQuery('#chart-area').highcharts('StockChart', {

                    xAxis: {
                        minRange: 7 * 24 * 3600000,
                        minTickInterval: 24 * 3600000

                    },
                    rangeSelector: {
                        inputEnabled: true,
                        selected: 1,
                        buttons: [
                            {
                                type: 'week',
                                count: 1,
                                text: '1w'
                            },
                            {
                                type: 'week',
                                count: 2,
                                text: '2w'
                            },
                            {
                                type: 'month',
                                count: 1,
                                text: '1m'
                            },
                            {
                                type: 'month',
                                count: 2,
                                text: '2m'
                            },
                            {
                                type: 'month',
                                count: 3,
                                text: '3m'
                            },
                            {
                                type: 'month',
                                count: 6,
                                text: '6m'
                            }
                        ]
                    },

                    title: {
                        text: 'Test Execution Trend'
                    },

                    subtitle: {
                        text: $scope.currentStream
                    },


                    series: [
                        {
                            name: 'Test Success Percentage',
                            pointInterval: 24 * 3600 * 1000,
                            data: $scope.data,

                            marker: {
                                enabled: true,
                                radius: 3
                            },
                            shadow: true,
                            tooltip: {
                                valueDecimals: 0
                            }
                        }
                    ]
                }
            );
        });
    }

我甚至不知道为什么会发生这种情况。我的代码有问题吗?

这是jsfiddle http://jsfiddle.net/U85D6/

1 个答案:

答案 0 :(得分:1)

问题是您的数据不是在特定日期开始的,而是大约16:00。 Highcharts蜱位于00:00。这个例子应该更好地解释你:http://jsfiddle.net/U85D6/1/

我加入了

    tooltip: {
        xDateFormat: '%A, %b %e, %H:%M'
    },

显示积分的完整日期。