Flot ::突出顯示點時間系列圖

我使用最美麗的javascript繪圖插件flot用於在線形圖的幫助下描繪一些實時數據。Flot ::突出顯示點時間系列圖

而且我以下選項組：

{ 
      colors: ['#7999BB'], 
      grid: { borderWidth: 1, borderColor:"#4572A7"}, 
      xaxis: { 
        axisLabel: "Time (H:M)", 
        axisLabelUseCanvas: true, 
        axisLabelFontSizePixels: 11, 
        axisLabelFontFamily: 'sans-serif', 
        axisLabelPadding: 9, 

        mode:"time", 
        tickSize: [25, "minute"], 
        tickLength:5, 
        tickFormatter: function (v, axis) { 
        var date = new Date(v); 
        var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); 
        var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); 
        var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); 
        return hours + ":" + minutes; 
       } 
      }, 
      series: { shadowSize: 0, 
         lines: { 
           show: true, 
           lineWidth: 1.2, 
           fill: true, 
           fillColor: { colors: [ { opacity: 0.3 }, { opacity: 0 } ] } 
         } 
        }, 
      yaxis: { show: true, 
         min:0, 
        } 
}

一切工作正常。但我想強調的graph.I單點使用

plot.highlight(seriesIndex,dataPoint);

我做

plot.highlight(0, 99); 
0 - I have just single series. 
99 - I am plotting 100 points and lets say for example I want to highlight 99th point.

在控制檯上沒有錯誤嘗試。但它不工作？我如何突出顯示時間序列圖中的點？

任何幫助將不勝感激。

來源

2013-08-12 Dipak Ingole

請顯示更多的代碼（你如何調用情節和突出顯示方法？）。你的控制檯是否有錯誤？ – Raidri

@Raidri請檢查更新後的代碼。我的控制檯上沒有錯誤。圖形正在被繪製，因爲它應該。但它沒有突出點。 –

你能否提供一個小提琴（[link]（http://jsfiddle.net））？對於我來說''plot.highlight（）'正在工作，我沒有看到你顯示的代碼中有錯誤。 – Raidri

經過長時間的浪費研究n不必要的恐慌，我找到了解決方案。其實問題與flot版本有關。它最新的flot 0.8.1.插件工作正常。感謝您寶貴的時間和幫助。

來源

2013-08-23 06:34:17

Flot ::突出顯示點時間系列圖

回答

相關問題