浮點圖添加標記到線上

Question

我試圖繪制一個圖形，該圖形表示一個人的體重（y軸）隨時間（x軸）的變化。 我還需要顯示某個事件的標記，例如特定日期的用葯變更。 是否有可能僅將時間值添加到數據系列中，而該時間值包含在線條圖中，但不更改線條圖？

Answer 1

您可以使用標記在圖表中顯示折線或間隔

基本上，您只需添加以下內容即可添加垂直線：

var myPlot = $.plot(element, data, {
  grid: {
    markings: [
      { color: '#000', lineWidth: 1, xaxis: { from: 2, to: 2 } },
    ]
  }
});

這將在x = 2處繪制一條寬度為1px的黑色垂直線

Answer 2

有一個Flot Symbols插件，可讓您通過回調自定義點的形狀。 然后，您可以在同一軸的第二個系列中繪制該圖，並設置show lines = false。

符號插件： http : //code.google.com/p/flot/source/browse/trunk/jquery.flot.symbol.js? r=263請注意，此鏈接提供了flot符號插件的源代碼。請在源鏈接下搜索，直到找到jquery.flot.symbol.js文件。

這是當前Flot網站上的示例：使用圓以外的其他符號作為點（帶有符號插件）。 研究其源代碼可能是正確方向的起點。

Answer 3

我需要y值位於圖的底部而不是行中。 我最終得到了標記之前和之后的兩個最接近的日期，並計算出y截距，然后將其添加為y值，它准確地顯示了應該在的位置

Answer 4

為什么不只添加另一個標記系列，並將點設置為x =標記日期，y = 0？