我刚开始使用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中找到这两个谜团的帮助,也许我只是错过了......但是提前谢谢!太糟糕了,因为我的声誉很低,我无法添加图片。
答案 0 :(得分:1)
另一个错字的案例;选项名称是 yaxis 而不是yaxes。