簡體   English   中英

在時間軸上使用浮點中的標記

[英]Using markings In Flot on a time axis

我有一個圖表來監視訪問網站的人的流量,它目前顯示所有數據都沒有問題:

我的圖的一個例子

我每個月左右都會更新並向訂閱我的人發送時事通訊,我想知道是否有一種方法可以在該圖上顯示這些時事通訊的發布時間。

因此,如果我在圖表中查看過去一周的網站流量,而我的時事通訊是在星期一發送的,則該天會在圖表上顯示一行:

我的圖看起來像什么

我知道我可以用標記來做到這一點,這是一種在已經存在的flot中向圖添加線的方法

{ xaxis: { from: 1, to: 2 }, color: "#000000" } //Creates a vertical line from 1 to 2

但是,啟用時間模式后,似乎無法正常工作。 例如,當時間模式開啟時,我為標記提供的參數不會顯示

所以我的問題是:如何在特定日期顯示帶有浮點的圖形標記?

編輯

$.plot("#chart_filled_blue", data1, $.extend(true, {}, Plugins.getFlotDefaults(), {
    xaxis: {
        min: start,
        max: end,
        mode: "time",
        tickSize: [1, type],
        tickLength: 0
    },
    series: {
        lines: {
            fill: true,
            lineWidth: 1.5
        },
        points: {
            show: true,
            radius:4,
            lineWidth: 1.1
        },
        grow: { active: true, growings:[ { stepMode: "maximum" } ] }
    },
    grid: {
        hoverable: true,
        clickable: true,
            markings: [{
                xaxis: {
                    from: 1530421200,
                    to: 1530507600
                },
                color: "#000000"
            }]
    },
    tooltip: true,
    tooltipOpts: {
        content: '%s: %y'
    }
    }));

標記在帶有時間軸的浮動中效果很好。 您可以發布一些代碼來幫助更好地理解該問題嗎?

你必須設置標記fromto你想要的時間戳標記出現:

grid: {
  markings: [{
    xaxis: {
      from: 1336201200000,
      to: 1336201200000
    },
    color: "#ff0000"
  }]
}

這個JSFiddle有一個時間軸和標記的工作示例。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM