javascript - 如何在 x 轴上设置固定金额,以便显示 future 的时间?

标签 javascript jquery time flot

我的代码完美地处理了 XML 文件中的数据,没有问题,但是如果只有一小时的可用数据,它会像这样延伸到整个 x 轴:

                                                        15:00

我希望在 x 轴上看到固定的金额,这样,无论数据是否可用,它都会显示 future 的时间,而不是仅显示 15:00。例如:

15:00     16:00     17:00     18:00     19:00     20:00     21:00

我当前的配置如下,但不确定如何实现上述情况:

{   
    grid: {
        hoverable: false,
        clickable: false,
        borderWidth: 1
    },
    xaxis: {
        mode: "time",
        minTickSize: [1, "hour"],
        timeFormat: "%H:%M"
    },
    yaxis: {
        min: 20,
        max: 45
    },
    legend: {
        show: true,
        position: 'ne'
    },
    valueLabels: {
        show:true,
        showAsHtml: true
    }
}

最佳答案

我在 json 数据创建方面处理这种情况。不确定是否有一个 float 选项可以做类似的事情。通过使用 null 作为我期望的所有时间戳的数据值。如果您有第一个小时的时间,则只需将其增加 60 * 60 * 1000 例如

"data": [
  [
    1362139200000,
    1.56
  ],
  [
    1362142800000,
    null
  ],
  [
    1362146400000,
    null
  ],
  [
    1362150000000,
    null
  ],
  [
    1362153600000,
    null
  ],
  [
    1362157200000,
    null
  ],
  etc.

]

关于javascript - 如何在 x 轴上设置固定金额,以便显示 future 的时间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15436215/

相关文章:

javascript - 使用 qtip 的动态 javascript 数据覆盖所有具有相同消息的工具提示

javascript - 无限循环中的jquery动画背景图像

javascript - javascript 如何确定当前日期是什么?

linux - 如何在shell脚本中将时间命令的输出定向到文件?

javascript - .change() .css 宽度

javascript - 如何从浏览器触发扫描仪?

javascript - Angular.js 日期过滤器显示 future 一个月?

java string.getBytes ("UTF-8") 等效的 javascript

javascript - Bootstrap Tour 不会加载到模态框上

c - linux c 获取系统日期格式yyyymmdd