2013-06-28 78 views
0

我正在使用浮點庫(v0.8)生成一個圖形,該圖形似乎是在數據系列的起點和終點之間繪製一條線。我似乎無法找出爲什麼這個附加線正在繪製,你可以在這裏看到:浮點線連接的起點和終點

graph

我創建了一個fiddle與測試顯示問題(它缺少海軍報時間插件,所以我評論了與之相關的選項)。

下面是代碼:

var options = { 
     series : { 
       lines: { show: true }, 
       color : "#00E5EE" 
     }, 
     xaxis: { 
       mode: "time", 
       timeformat: "%d %b %h:%M %P", 
       timezone: "browser", 
       tickLength: 0 
     }, 
     yaxis: { 
       tickLength: 0 
     }, 
     lines: { 
       show: true 
     }, 
     points: { 
       show: false 
     }, 
     grid: { 
       hoverable: true, 
       borderWidth: 0, 
       aboveData: true, 
     }, 
}; 
$("#placeholder").empty(); 
$.plot($("#placeholder"), [data], options); 

這是該數據系列:

[ 
    [ 
    1372428000000, 
    0.01745128631591797 
    ], 
    [ 
    1372428060000, 
    0.03703117370605469 
    ], 
    [ 
    1372428120000, 
    0.32158660888671875 
    ], 
    [ 
    1372428180000, 
    0.06702804565429688 
    ], 
    [ 
    1372428240000, 
    0.06312179565429688 
    ], 
    [ 
    1372428360000, 
    0.030078887939453125 
    ], 
    [ 
    1372428420000, 
    0.13084697723388672 
    ], 
    [ 
    1372428480000, 
    0.011885643005371094 
    ], 
    [ 
    1372428540000, 
    0.09821128845214844 
    ], 
    [ 
    1372428000000, 
    0.01745128631591797 
    ], 
    [ 
    1372428060000, 
    0.03703117370605469 
    ], 
    [ 
    1372428120000, 
    0.32158660888671875 
    ], 
    [ 
    1372428180000, 
    0.06702804565429688 
    ], 
    [ 
    1372428240000, 
    0.06312179565429688 
    ], 
    [ 
    1372428360000, 
    0.030078887939453125 
    ], 
    [ 
    1372428420000, 
    0.13084697723388672 
    ], 
    [ 
    1372428480000, 
    0.011885643005371094 
    ], 
    [ 
    1372428540000, 
    0.09821128845214844 
    ] 
] 

還使用了一點CSS旋轉x軸標籤:

.xAxis > .tickLabel 
{ 
    margin-top:40px; 
    -moz-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg); 
    -webkit-transform:rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
} 

回答

1

你次重複;第一點 - 1372428000000 - 重複十分之後。

當Flot到達你的系列中的那一點時,它會畫出一條線到下一個點 - 回到開頭 - 然後重新跟蹤其餘的圖。

+0

哇,我覺得自己像個白癡。我正在查看所有內容,但只查看有關問題的數據。這解決了這個問題,感謝您的幫助。 – somecallmemike