Flot Graph在Firefox中无法正确呈现

时间:2014-11-09 18:30:35

标签: javascript jquery html5 canvas flot

我正在使用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();

enter image description here

当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}]

1 个答案:

答案 0 :(得分:0)

这是由于以下行而发生的:

axes.yaxis.options.max = null;

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