Flot Graph 在 Firefox 中无法正确渲染答案

【问题标题】：Flot Graph not rendering properly in firefoxFlot Graph 在 Firefox 中无法正确渲染
【发布时间】：2014-11-09 18:30:35
【问题描述】：

我正在使用 Flot Graphs，它们的绘图效果很好。但在 Firefox v33 中，多次重绘时会出现黑色矩形。我的选择：

var lineChartOptions = {
        series : {
            lines : {
                show : true
            },
            points : {
                show : true
            },
            shadowSize : 3
        },
        grid : {
            hoverable : true //IMPORTANT! this is needed for tooltip to work
        },
        yaxis : {
            tickDecimals : 0,
            min : 0,
            max : 100
        },
        xaxes : [ {
            mode : "time",
            timeformat : "%d/%m/%y"
        }],

        tooltip : true,
        tooltipOpts : {
            content : "%y activations on %x",
            shifts : {
                x : -60,
                y : 25
            }
        }
    };

在 Ajax 调用中：

var axes = plotObj.getAxes();
           axes.yaxis.options.max = null;
           plotObj.setData(graph_json);
           plotObj.setupGrid();
           plotObj.draw();

当 Y 轴值从较低值变为较高值时，它会复制。对于以下三个 ajax 调用的数据集，按提到的顺序：

[{"data":[["2014-11-02",5],["2014-11-03",2],["2014-11-04",2]],"label":"Skype","color":8}]

[{"data":[["2014-10-01",0],["2014-10-31",0]],"label":"Skype","color":8}]

[{"data":[["2014-09-03",1],["2014-11-02",5],["2014-11-03",2],["2014-11-04",2]],"label":"Skype","color":8}]

【问题讨论】：

你能给个 jsfiddle 的演示吗？所以我们可以在 Firefox 中检查
请附上选项

标签： javascript jquery html canvas flot

【解决方案1】：

这是由于以下行引起的：

axes.yaxis.options.max = null;

我尝试使用它作为解决方法，让 flot 在选项中设置后计算 Y 轴本身的新最大值。但这似乎会导致渲染问题

【讨论】：