考虑以下javascript:
$(function() {
var data = [["May 2016",2.03939622532918],["Jun 2016",6.36415136379491],["Jul 2016",0.233329380914729],["Aug 2016",6.27892823668946],["Sep 2016",3.23859124446543],["Oct 2016",9.45588825113613],["Nov 2016",2.22466747252894],["Dec 2016",-0.320916905444142],["Jan 2017",-0.353201643503709],["Feb 2017",1.30472103004291],["Mar 2017",9.76387249970365],["Apr 2017",6.46594529827125]];;
var zeroline = {lines:{show:true},data: [["May 2016",0],["Apr 2017",0]]};
$.plot("#flot-diff-time-cumulative", [ data, zeroline], {
series: {
bars: {show: false, barWidth: 0.6, align: "center"},
points: {show: true, radius: 3},
lines:{show:true}
}
, xaxis: {mode: "categories", tickLength: 0}
, yaxis:{/*min:-4, max: 7,*/ tickSize:0.5}
});
});
在我的页面中运行时,我得到以下图表结果:
显示效果很好,我无法弄清楚为什么每个y标签都有两个。任何想法将不胜感激。 更新:将tickSize设置为1解决了它,但它并没有真正解释我做错了什么。如果我需要一个半舍入的类似图表,那我该怎么办?