jQuery.flot是一個基于jQuery的圖形庫,可以方便地構建漂亮的、交互性強的圖表。其中之一的柱狀圖可以用來展現數據間的差異。
對于柱狀圖的y軸,可以通過設置options中的axes屬性來進行調整。例如:
var options = { series: { bars: { show: true } }, xaxis: { mode: "categories", tickLength: 0 }, yaxis: { min: 0, // 設置y軸最小值為0 tickDecimals: 0 } };
上述代碼中,我們可以發現設置了yaxis的min屬性為0,意味著y軸的最小值為0。同時,通過設置tickDecimals屬性為0,可以移除y軸上小數點后面的0。
對于柱狀圖的其他定制化設置,可以通過options中的其他屬性進行修改,例如通過設置stack屬性,可以實現堆疊的柱狀圖,通過設置horizontal屬性,可以實現水平柱狀圖等等。
上一篇css 二級分類