使用默认缩放值加载“flot”(图形插件)?

时间:2011-03-13 17:05:39

标签: javascript jquery flot

我正在尝试创建数据与时间图表,允许用户放大/缩小到大/小时间段。您可以在此处查看一个此类图表的示例: http://people.iola.dk/olau/flot/examples/visitors.html

尽管设置该功能级别的API变得轻而易举,但在尝试找出如何创建默认“缩放”值时我已经获得了库存 - 例如,将默认缩放设置为过去30天(同时保留用户缩小和查看整年数据的能力)。

有没有人有经验或知道这样做的方法?或者是深入挖掘源代码并自定义它?

谢谢! 沃克

1 个答案:

答案 0 :(得分:3)

如果您查看代码中的代码,例如flot zooming example,则可以修改变量“options”的定义:

var options = {
    legend: { 
        show: false 
    },
    series: {
        lines: { 
            show: true 
        },
        points: { 
            show: true 
        }
    },
    yaxis: { 
        ticks: 10,
        min: -0.8,
        max: 0.4
    },
    selection: { 
        mode: "xy" 
    }
};

...你会发现图表从这个级别的y轴缩放开始,但较小的图形仍然保留了你可以缩小到的全范围。添加的行是“yaxis”定义,“min”和“max”。如果你想预先缩放x轴,你会为“xaxis”做类似的事情。