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的问题，因为它可以说是一个错误。