图表在 uniapp 中的使用

以下是一些的图表方案在 uniapp 的使用经验，目前只有 echarts 进行使用、后续遇到再补充。

charts 在 uniapp 中的展示注意事项

解决 charts 在 uniapp 中的兼容性的问题

• 安装前端组件的插件 uniapp 中 echart 插件，其实现原理还是基于其 renderjs 实现的。

解决 charts 的图表更新过于频繁的出现闪烁问题

• echarts 对象初始化后不要再进行初始化，尽量只初始化一次。

  let charts = null;
  if (!chart) {
  	chart = await this.$refs.chartRef.init(echarts);
  }

• 关闭动画效果等配置

  animationDuration: 0, //这里两个动画设置可以让图表更顺滑
  animationEasing: 'cubicInOut' //这里两个动画设置可以让图表更顺滑