記錄在使用react-native-echarts中遇到的問題
react-native-echarts是一個在react-native中非常好用的圖表元件,感覺比guthub上排名第一的還好用。主要是因為它是基於百度的echarts做的,不知道echarts的自行百度,感覺echarts現在是圖表中做的做好的元件了。
具體使用很簡單,我就不說了。這裡記錄一下在使用中遇到的兩個問題。
Q1
當資料量比較大的時候,x軸的資料不顯示。這個是echarts自己的一個功能,解決辦法是設定xAxis-axisLabel-interval為0即可。
Q2
面積折線圖中面積顏色“不正“,也就是說和設定的顏色對不上。這個可能是react-native-echarts元件封裝的問題,解決辦法是設定areaStyle-normal-shadowColor為’#ffffff’,同理可以設定lineStyle等。
Q3
打release包的時候報錯了,
\android\app\src\main\res\drawable-mdpi\node_modules_nativeecharts_src_components_echarts_tpl.html
Error:Error: The file name must end with .xml or .png
原因:
release打包的時候把node_modules_nativeecharts_src_components_echarts_tpl.html打到了drawable下,這是不行的,要放到assets下。
解決辦法是
另外,release版本只能使用uri載入資源,android把tpl.html檔案放在android/app/src/main/assets檔案裡,使用uri:’file:///android_asset/tpl.html’這個地址載入,ios在專案目錄下建個資料夾,把tpl檔案放裡面去,使用uri:’檔名/tpl’載入。
參考連結: