如何在两天之间展示日期和时间? x轴Highachrts上的多个数据

时间:2016-08-31 10:17:01

标签: javascript angularjs graph highcharts highstock

我每天都会有多个数据出现,我想知道如何制作一个图表,在那里我可以看到日期,当我放大时,我应该看到这两天之间的时间。我无法这样做,导致图表中的天数根据数据点数重复或重复三次。

在缩放之前: - enter image description here

放大后: - enter image description here

我不希望在他们之间有重复的Day名称。 我的Highcharts-ng配置json对象如下: -

{
            options: {
                chart: {
                    type: 'line',
                    zoomType: 'xy',
                    animation: true
                },
                colors:['#2C91DE','#165A8E'],
                plotOptions: {
                    line:{
                        marker:{
                            symbol:'circle'
                        }
                    },
                    series: {
                        lineWidth: 3, 
                        marker: {
                            fillColor: 'white',
                            lineWidth: 1,
                            lineColor: null,
                            enabled: true,
                            radius: 5
                        }
                    }
                },
                tooltip: {
                    shared: true,
                    crosshairs: true,
                    followPointer: true
                }
            },
            title: {
                text: ''
            },
            loading: false,
            xAxis: {
                type: 'datetime',
                title: {
                    text: 'Date/Time'
                },
                dataTimeLabelFormats:{
                    day:'%a',
                    week:'%a',
                },
                labels: {
                format: '{value:%a}'
                }
            },
            series: [{
                 pointIntervalUnit: 'hourly'
            }],
            yAxis: {
                title: {
                    text: ''
                }
            },
            size: {
                height: 500
            }
        }

0 个答案:

没有答案