bizcharts畫圖遇到的幾個問題


1.不支持柱形圖Geom色塊拼接(本來考慮可以漸變,但是由於 1.柱圖高度的不確定性 + 2.bizcharts的 漸變色不支持像素值,所以無法實現上方色塊固定高度這樣的效果, 但按固定高度比例的效果可以實現)

解決方法:思路 1. 自定義shape 2.利用堆疊柱狀圖來顯示這個效果 3.使用geom point (最后通過這個方法實現, 具體如下 )

添加 Geom point 利用背景圖進行設置。

2.橫坐標文字過長 旋轉后,文字不是居中與刻度線對齊
這里要注意 首先要設置 autoRotate:false, 然后 textStyle:{textAlign: center}

3.圖例與標題對齊

由於bizcharts的標題幾乎都在 元素之外,圖例在canvas之內, 所以要想對齊, 首先想到的 就是定位, 把標題定位到圖表之上, 再利用 圖表的padding + 標題的top值 + legend的offsetY 三個值來確定。 注意legend的 offsetY值應該是數字 可以正負。

4.多層餅圖 官網案例是正常的, 但實際上我用的時候有錯位, 后來發現是數據順序問題。 順序正確, 就不會錯位。

5.Bizcharts漸變色不支持像素值。
6. 自定義shape 參考g2自定義shape文檔和圖表案例。
7. 同一個接口,谷歌正常, 火狐瀏覽器就的中文字段變成了null。原因在於請求頭 headers的 Accept-Language 設置的不一樣, 設置成一樣的就好了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM