可以隱藏條形圖中的零高度條？

對於0的值，Flot喜歡在條上繪製一條扁平線。有沒有可能將其配置爲不繪製任何東西？可以隱藏條形圖中的零高度條？

2011-06-29 mikeh

如果您使用堆疊條形圖，則此問題更爲明顯;解決方案可能更復雜，因爲以下解決方案都不會起作用（除了隱藏寬度爲0的行） – Ryan

@Ryan使用'linewidth'搞亂'數據點'值 – shorif2000

在我的應用程序中，我通過將yaxis min設置爲大於0且小於我使用的分辨率的值來解決此問題。邊框可見，平坦線隱藏。

var options = { 
series: { 
    stack: 0, 
    lines: { show: false, fill: true, steps: false },  
      bars: { show: true, barWidth: 0.6 } 
     }, 
    xaxis: { 
     mode: "time", 
     timeformat: "%H:%M" 
    }, 
    yaxis: { 
     min: 0.5 
    }, 
    selection: { mode: "x" }, 
    grid: { hoverable: true } 
};

來源

2012-02-28 00:54:11 Ten

方式coooooooool –

一個解決方案：將條的lineWidth設置爲0.這消除了條的邊界。

這樣做的代價是Flot具有很好的可視性。有了邊界，即使您的圖表具有較大的值，例如1和2也是不同的。如果沒有邊框，小數字可能很難看清楚，但這種效果可以通過堅持使用較暗的fillColor值來抵消。

來源

2011-06-29 22:02:09 mikeh

當數值爲零時，您可以將該值設置爲null，這將阻止它顯示並允許您保留其他條的邊框。

來源

2014-06-27 00:50:58 Justin

這是如何解決堆疊條形圖。 –

更正：這似乎工作，如果系列數據大多非零。我有一個案例，我的兩個系列都有0個值，並且使用null而不是0看起來會導致flot出現很多問題。例如，plothover/click會報告第二個系列（上面堆疊的）的奇怪dataIndex值。將值從null更改爲0可以修復問題。調整lineWidth似乎是解決我的具體情況的唯一方法。 –

@Justin儘管這是一個很老的帖子，但這幫助我像一個魅力。我被困在線圖上隱藏0值點。我抓了我的頭髮，但這個解決方案一次性幫助我。謝啦。你讓我今天一整天都感覺很好。謝謝你這樣有用的帖子，我真的很感激。 –

可以隱藏條形圖中的零高度條？

回答

相關問題