在项目中遇到一个问题,就是echarts在ios和高版本安卓中折线图显示正常,但是在低版本安卓机中,无法显示折线图内容。
原图表代码实现的主要是折线图,并且渐变填充,代码如下:
但是在低版本安卓中,却出现了图表不显示,只显示横纵坐标轴。
经分析,坐标轴可以显示,说明echatrs是支持低版本安卓的,既然图表不显示,很有可能就是渲染问题,确认不是数据的原因后,依次测试了只有折线图的情况,结果发现折线图可以正常显示。
这里截图是浏览器的图,没有截真机的图。
折线图可以显示,那很有可能就是填充颜色的部分有问题,测试了默认填充效果,在低版本安卓上也可以显示,那就有可能是其中属性的问题了。
对照了配置API后,发现最有可能的就是颜色色值的内容,果然,渐变变颜色从十六制修改成rgba后,问题顺利解决,低版本安卓完美显示。
总结
在使用echarts时,颜色色值尽量使用grb或者rgba格式,可以兼容低版本的安卓设备,否则会出现未预期错误。