在顶部和底部显示浮动时间线刻度

Show flot timeline ticks on both top and bottom

我已经使用 flot 几天了,它很棒,但我似乎找不到答案:

是否可以在图表的顶部和底部同时显示 xaxis/timeline 刻度?

我的图表高度很大,当用户从当前显示时间刻度的顶部滚动离开时,很难知道这些点所在的日期。

我四处搜索,发现的只是 github 上的一个问题,似乎从未实施过: https://github.com/flot/flot/issues/1040

提前致谢!

您不能使用默认选项执行此操作,但可以使用变通方法:

  • 复制你的数据系列,对第一个使用普通选项加上 xaxis: 1,同时使用此选项使第二个不可见:

    points: {
        show: false
    },
    lines: {
        show: false
    },
    xaxis: 2
    
  • 对 x 轴使用此选项:

    xaxes: [{
        position: "top"
    }, {
        position: "bottom",
        alignTicksWithAxis: 1
    }],
    

查看此 fiddle 以获得完整示例。