我有一個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. C3.js分組條形圖
- 2. 條形圖顏色c3.js
- 3. Highcharts條形圖 - 如何設置最小條寬度/長度
- 4. 何在ext js柱形圖中設置最大條形圖高度?
- 5. 設置條形圖欄寬度大小
- 6. 以條形圖設置條的寬度
- 7. 使用c3.js創建高值和低值的條形圖
- 8. 對齊C3符合條形圖形狀
- 9. C3條形圖條數未知數
- 10. C3.js Y軸範圍(最大/最小)不適用於條形圖
- 11. 如何在c3.js中調整條形圖的大小
- 12. Android GraphView條形圖高度
- 13. Kendo ui條形圖條形圖寬度/最大寬度
- 14. 在HighCharts中高亮條形條形圖
- 15. 角度圖表js設置條形圖的填充顏色
- 16. d3.js條形圖
- 17. D3.js條形圖
- 18. UI5 - 如何調整堆疊條形圖中條形的高度
- 19. 設置ShinobiControls條形圖
- 20. C3條形圖與3個變量
- 21. c3條形圖將刻度值與非居中刻度對齊
- 22. 設置堆疊條形圖顯示高度爲100%
- 23. 自定義條形碼條目缺少條形碼高度
- 24. ZPL條形碼標籤設置標籤寬度/條形碼
- 25. 如何在條形圖中爲條形圖設置不同的寬度
- 26. R在條形圖中設置不同顏色的條形圖
- 27. 形式放置DIV,不能設置最小寬度和高度
- 28. 更新c3.js中條形圖的數據
- 29. c3.js:如何旋轉條形圖欄上方的標籤?
- 30. c3.js吧,樣條圖
雖然這會顯示條形圖,但會轉換底層數據,這會使圖表不太實用。有沒有辦法保留數據的實際價值(至少爲了標籤目的),並且還要以某種方式改變比例尺? –