我有一個Y值(2 - 10000)差異很大的圖表。不幸的是,這會導致標尺下端的條僅有幾個像素高,因此不可見/不可交互。有什麼方法可以爲酒吧設置最低高度?我知道在純粹的d3中,如果需要的話,你可以對域進行一些修改。c3 js條形圖 - 設置最小條形高度
0
A
回答
0
對數是一種非線性變換,有助於保持較小的值,一些小的和很大的值相對很小。
因此,如果應用對數標度,您應該能夠在c3圖表中看到3和30000。
但一定要通知用戶使用對數刻度,並且可視化500可能看起來是5倍高度的2倍(如果繪製在圖表中)。因此您需要自己將數據轉換爲對數刻度(preprocess),並將其饋送到線性刻度c3.js圖表(c3中的默認刻度)。
已經很少有用戶要求c3開發人員提供插件d3日誌,電源和其他規模到c3圖表的方式。
https://github.com/c3js/c3/issues/252
不過你可以試試上面的方法(數據預處理,以對數刻度)現在。
實施例: -
LN(5000)= 8.517
LN(500)= 6.214
LN(50)= 3.912
LN(5)= 1.609
正如你可以從上面的例子看到的那樣,如果在y軸上使用對數刻度,5000和5都可以在同一個圖表中看到。
相關問題
- 1. 設置條形圖欄寬度大小
- 2. 以條形圖設置條的寬度
- 3. 使用c3.js創建高值和低值的條形圖
- 4. 對齊C3符合條形圖形狀
- 5. C3條形圖條數未知數
- 6. C3.js Y軸範圍(最大/最小)不適用於條形圖
- 7. Android GraphView條形圖高度
- 8. 如何在c3.js中調整條形圖的大小
- 9. 角度圖表js設置條形圖的填充顏色
- 10. d3.js條形圖
- 11. D3.js條形圖
- 12. UI5 - 如何調整堆疊條形圖中條形的高度
- 13. 設置堆疊條形圖顯示高度爲100%
- 14. c3條形圖將刻度值與非居中刻度對齊
- 15. 自定義條形碼條目缺少條形碼高度
- 16. R在條形圖中設置不同顏色的條形圖
- 17. 形式放置DIV,不能設置最小寬度和高度
- 18. 更新c3.js中條形圖的數據
- 19. 條形圖的Primefaces動態高度
- 20. Html5條形圖 - 酒吧高度問題
- 21. 如何在Chart.js中爲條形圖設置最小值? (ver。2.0.2)
- 22. c3.js吧,樣條圖
- 23. 如何在android中設置條形圖的設備高度和寬度
- 24. 條形圖.csv和d3.js
- 25. Multiseries條形圖酒窩js
- 26. 高圖條形矩形刪除筆劃
- 27. 高興:隱藏特定條形圖中的條形圖
- 28. 堆疊條形圖固定寬度條形圖問題 - Chartjs
- 29. Plotly.js將條形圖添加到條形圖使條形消失
- 30. 條形部件/ JS
雖然這會顯示條形圖,但會轉換底層數據,這會使圖表不太實用。有沒有辦法保留數據的實際價值(至少爲了標籤目的),並且還要以某種方式改變比例尺? –