1. 程式人生 > >記錄在使用react-native-echarts中遇到的問題

記錄在使用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’載入。
參考連結:

https://github.com/somonus/react-native-echarts/issues/12