Highcharts 日期时间格式 y 轴间隔

Posted 2023-03-14

【中文标题】Highcharts 日期时间格式 y 轴间隔

【英文标题】：Highcharts datetime format y-axis interval

【发布时间】：2016-01-25 17:26:44

【问题描述】：

我在 y 轴上设置了一个日期时间格式的图表。它工作正常，但是，它正在完善我的时间。我已将最小值设置为“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()],
            ]
        

【参考方案1】：

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

【讨论】：

Highcharts 总是会尝试对轴上的日期/数字进行四舍五入以使它们“好”。这就是 tickPositioner 存在的原因 ;)