Highcharts日期时间格式y轴间隔

时间:2016-01-25 17:26:44

标签: datetime highcharts highcharts-ng

我正在yaxis上设置一个带有日期时间格式的图表。它工作正常,然而,它正在绕着我的时代。我把我的分钟设定为" 00:00" (utc:1453698000000)和最大值为" 08:24" (utc:1453698504000)。我的格式为"%M:%S" (分钟:秒)...我已将tickInterval设置为124000(2分4秒)。 两件事情:   - 而不是从00:00到02:04到04:08等...它转到02:00,04:00等。   - 它只会达到" 08:00" ....任何见解都会很棒!感谢

            $scope.chartConfig = {
            options: {
                global: {
                    useUTC: false
                },
                chart: {
                    type:'column',
                    alignTicks: false,
                    zoomType: 'xy'
                },
                xAxis: {
                    categories: [1,2,3,4]
                },
                yAxis: {

                    type: 'datetime',
                    dateTimeLabelFormats: {
                        millisecond: '%M:%S',
                        second: '%M:%S',
                        minute: '%M:%S',
                        hour: '%M:%S',
                        day: '%M:%S',
                        week: '%M:%S',
                        month: '%M:%S',
                        year: '%M:%S'
                    },

                    min: 1453698000000,
                    max: 1453698126000,
                    startOnTick: false,
                    endOnTick: false,
                    showLastLabel: true,
                    tickInterval: 124000,
                    labels: {
                        formatter: function () {
                            return moment(this.value).format("mm:ss");
                        }
                    }
                },
                tooltip: {
                    formatter: function () {
                        return moment(this.y).format("mm:ss");
                    }
                },
                plotOptions: {
                    column: {
                        grouping: false,
                        shadow: false,
                        borderWidth: 0
                    }
                },
                credits: {
                    enabled: false
                }
            },
            series: [{
                name: 'COMPLETEDTIME',
                 data: [moment("7:40", "mm:ss").valueOf(), moment("7:46", "mm:ss").valueOf(), moment("7:50", "mm:ss").valueOf(), moment("8:03", "mm:ss").valueOf()],
            }]
        }

enter image description here

1 个答案:

答案 0 :(得分:0)

我认为我通过使用' tickPositioner解决了这个问题......我不知道为什么不能通过使用min和max以及tickInterval来完成。如果有人知道,请随意加入。谢谢!