簡體   English   中英

jQuery Flot Charts:刪除條下面的標簽

[英]jQuery Flot Charts: Remove Labels Below Bars

這是JSFiddle

我需要刪除條形下方的標簽,從而刪除圖表和容器末端之間的間隙(空白)。 標簽是動態的,因此空白的高度可以更大或更小。

.xAxis .tickLabel上的display:none似乎無法解決此問題。 更新到jquery flot庫的最新版本后,將出現此問題。

當前與錯誤:

在此處輸入圖片說明

所需和正確的:

在此處輸入圖片說明

如果您不想在x軸上打勾標簽並且不希望有垂直網格線,則可以將ticks屬性設置為一個空數組:

    xaxis: {
        tickColor: "FFFFFF",
        ticks: []
    },

看到這個小提琴

如果要保留垂直網格線,可以將帶有空字符串的數組用作刻度標簽:

    xaxis: {
        tickColor: "FFFFFF",
        ticks: [
            [1, ""],
            [2, ""],
            [3, ""],
            [4, ""],
            [5, ""]
        ]
    }

看到這個小提琴

如果需要圖表中其他功能的標簽,請將數組保存在變量中,然后從那里使用它。

試試這個http://jsfiddle.net/L0r76411/3/

將此添加到您的CSS

#example-section15 {
  height: 230px;
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM