highchart js，x轴上的tickinterval为2年(奇数年）

highchart js, tickinterval of 2 years(odd years) in x-axis

本文关键字：2年 tickinterval js highchart      更新时间：2023-09-26

我想从2005年开始x轴，时间间隔为2年，因此x轴上会出现2005、2007、2009等。

tickInterval: Date.UTC(2007, 1, 1) - Date.UTC(2005, 1, 1)

这应该会给出奇怪的日期，对吧？

https://jsfiddle.net/nikbaidya0346/LLExL/6119/

您将最小/最大值定义为偶数年，因此tickInterval是从那里计算的。使用tickPositioner从处理的XData中提取所有tick的位置，然后通过检查当前年份来过滤它们。为此，请使用新的Date（）和getFullYear（）函数。

         tickPositioner: function(min, max) {
            var each = Highcharts.each,
                points = this.series[0].processedXData,
              ticks = [],
              date ;
            each(points, function(d, i) {
              date = new Date(d);
              if(date.getFullYear() % 2 === 1) {
                ticks.push(d);
              }
            });
            return ticks;
        },

示例

  • https://jsfiddle.net/ykpj56ub/
相关文章：