javascript - Flot:显示最小数量的刻度

Question

使用 flot charts我想指定在 y 轴上显示的最小刻度。在我的例子中，我希望始终显示至少 10 个刻度(值 1-10)，但如果我的 y 轴最大值超过 10，那么我希望 flot 使用其正常刻度算法绘制图表。我目前通过为 ticks 参数指定一个函数来让它工作。

ticks: function(axis){
           var ticks = [];
           if(axis.max < 10){
                ticks = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
           }
           else{
             for(var i = 1; i < axis.max; i++){
                 ticks.push(i);
             }
           }
           return ticks;
}, 

问题是，当 axis.max 大于 10 时，我得到的报价比我想要的要多得多。有没有办法避免这种情况？

我原本以为我可以返回 null，但 flot 期望返回一个数组。 :(

Answer 1

如果您想要默认的刻度生成功能，您可以调用轴的 tickGenerator 函数。它比使用您不维护的一段代码要干净得多。所以在你的情况下，你可以这样做:

ticks: function(axis){
   return axis.max < 10 ? [1,2,3,4,5,6,7,8,9,10] : axis.tickGenerator(axis); 
}