flotchart渲染錯

Question

我flotchart是呈現不正確，在兩個目標瀏覽器（IE8和Firefox）該曲線圖與網格線呈現在

http://i49.tinypic.com/2mo5d8y.png

在Chrome和Safari沒有線出現在數據的前全部，這是期望的結果。在Internet Explorer 8中，圖形呈現爲VML，我能夠將網格線隔離爲vml對象，不幸的是，涉及隱藏這些對象的CSS會很棘手，但僅限於CSS2，然後對於Firefox而言不起作用，其中元素的圖形不會呈現爲單獨的元素。

這裏是圖碼http://jsfiddle.net/gamm/t3Vqh/2/

var dataset = [overdue, open, completed]; 

var options = { 
    series: { 
     stack: true, 
     bars: { 
      show: true 
     } 
    }, 
    bars: { 
     align: "center", 
     horizontal: false, 
     barWidth: .8, 
     lineWidth: 0 
    }, 
    grid: { 
     borderWidth: 0, 
     borderColor: null, 
     backgroundColor: null, 
     labelMargin: 10, 
     minBorderMargin: 10 
    }, 
    yaxis: { 
     tickColor: "FFFFFF" 
    }, 
    xaxis: { 
     tickColor: "FFFFFF", 
     ticks: [ 
      [1, "Public Works"], 
      [2, "Sanitation"], 
      [3, "Mayor"], 
      [4, "L&I"], 
      [5, "Police"] 
     ] 
    }, 
    legend: { 
     position: 'ne', 
     show: true 
    } 
}; 

$.plot($("#example-section15 #flotcontainer"), dataset, options); 

Answer 1

有兩件事情發生在這裏：

1. 它看起來像海軍報都吸引網格線以上系列填充。這從來沒有被認爲是一個錯誤，因爲這些線默認很輕，並且當條（或線等）具有邊界時效果不太明顯。

2. IE中出現黑線的原因是因爲「FFFFFF」不是有效的顏色規格。如果你改爲使用「#ffffff」（或「透明」），那麼IE看起來與其他瀏覽器相同，這些瀏覽器更寬容。這不限於IE8或Excanvas;即使是IE10格式的扼流圈。

前者可能值得提交作爲Github的問題，因爲它可以說是一個錯誤。