react-native-echarts是一个在react-native中非常好用的图表组件,感觉比guthub上排名第一的还好用。主要是因为它是基于百度的echarts做的,不知道echarts的自行百度,感觉echarts现在是图表中做的做好的组件了。
具体使用很简单,我就不说了。这里记录一下在使用中遇到的两个问题。
当数据量比较大的时候,x轴的数据不显示。这个是echarts自己的一个功能,解决办法是设置xAxis-axisLabel-interval为0即可。
面积折线图中面积颜色“不正“,也就是说和设置的颜色对不上。这个可能是react-native-echarts组件封装的问题,解决办法是设置areaStyle-normal-shadowColor为’#ffffff’,同理可以设置lineStyle等。
打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