保持jQuery flotcharts yaxes选项中设置的最大值

时间:2014-07-30 08:23:07

标签: jquery flot

我刚开始使用jQuery flot http://www.flotcharts.org/进行项目,但我无法弄清楚为什么flot yaxes在所有情况下都不会保持最大值。你呢?

使用这些选项和数据值可以实现我想要的效果;

        $(function(){
        var data = [[[1342731600000,0],[1351112400000,3.17],[1358719200000,3.17],[1366318800000,3],[1373403600000,4.17],[1384639200000,2.83],[1401051600000,3.33]]];
        var options = {
             series: {
                 bars: {
                     show: true,
                     barWidth: 1209600000, // 2 weeks in milliseconds
                     align: 'center'
                 }
             },
             yaxes: {
                 min: 0,
                 max: 5,
             },
             xaxis: {
                 mode: 'time',
                 timeformat: "%d.%m.%y",
                 autoscaleMargin: 0.04, // allow space left and right
                 ticks: [1342731600000,1351112400000,1358719200000,1366318800000,1373403600000,1384639200000,1401051600000]                 }
         };
        $.plot("#placeholder", data, options);

但是当数据集中的最大y值低于4时,最大y轴是4而不是5(这就是我希望它在所有可能情况下的情况)。如何强制使用flot来保持最大yaxes达到5?

另一个小问题是,有时flot并没有显示yaxis蜱(或者其他任何被称为英语不是我的第一语言?)作为float而是int。这是一个例子(它产生1,2,3,4和5而不是1.0,2.0,...,5.0,就像以前的代码一样;

        $(function(){
        var data = [[[1342731600000,2.8],[1351112400000,3.8],[1358719200000,3.4],[1366318800000,4.4],[1373403600000,4.6],[1384639200000,3.4],[1401051600000,3.8]]];
        var options = {
             series: {
                 bars: {
                     show: true,
                     barWidth: 1209600000, // 2 weeks in milliseconds
                     align: 'center'
                 }
             },
             yaxes: {
                 min: 0,
                 max: 5,
             },
             xaxis: {
                 mode: 'time',
                 timeformat: "%d.%m.%y",
                 autoscaleMargin: 0.04, // allow space left and right
                 ticks: [1342731600000,1351112400000,1358719200000,1366318800000,1373403600000,1384639200000,1401051600000]                 }
         };
        $.plot("#placeholder", data, options);

这里的交易是什么?无法在flot api中找到这两个谜团的帮助,也许我只是错过了......但是提前谢谢!太糟糕了,因为我的声誉很低,我无法添加图片。

1 个答案:

答案 0 :(得分:1)

另一个错字的案例;选项名称是 yaxis 而不是yaxes。