浮動圖 - 在懸停上顯示元數據

Question

我有一個圖表顯示Y軸上的0-100％和X軸上的四分之一。源數據包括：

{ 
date: '2015 Q1', 
numerator: 55, 
denominator: 105, 
percent:52 
} 

繪圖時，該系列數據被正確地指定爲[52, '2015 Q1']並顯示在圖表上。但是，當我將鼠標懸停在數據點上時，我想顯示原分子和分母以及百分比。

有沒有什麼辦法讓我在系列數據中包含額外的元數據？

**這個例子的註釋我簡化了季度邏輯。它實際上以毫秒爲單位根據浮點規格指定**

Answer 1

首先，您的示例數據應該是['2015 Q1', 52]，x值先行。

第二，您可以使用數據點數超過兩個值的數組，例如['2015 Q1', 52, 55, 105]，然後在工具提示中使用第三個和第四個值（當爲圖表和點圖繪製圖表時，flot會忽略它們） 。工具提示

示例代碼：

function bindHover() { 
    $(document).on('plothover', '#chart', function (event, pos, item) { 
     if (item) { 
      if (prevPoint != item.dataIndex) { 
       prevPoint = item.dataIndex; 
       $('#tooltip').remove(); 

       var tooltipString = item.series.name + ': ' + item.datapoint[0]; 
       tooltipString += '/' + item.datapoint[1]; 
       tooltipString += '<br/>' + item.series.data[item.dataIndex][2]; 
       tooltipString += '/' + item.series.data[item.dataIndex][3]; 
       showTooltip(item.pageX, item.pageY, tooltipString); 
      } 
     } 
     else { 
      $('#tooltip').remove(); 
      prevPoint = null; 
     } 
    }); 
}