判断传入的数据是否为空，然后根据是否为空来判断图片的隐藏与显示

  1. const emptyOption = {
  2.   title: {
  3.     show: true,
  4.     textStyle: {
  5.       color: 'grey',
  6.       fontSize: 20
  7.     },
  8.     text: infoStr,
  9.     left: 'center',
  10.     top: 'center'
  11.   },
  12.   xAxis: {
  13.     show: false
  14.   },
  15.   yAxis: {
  16.     show: false
  17.   },
  18.   series: []
  19. }
  21. echartsInstance.clear()
  22. echartsInstance.hideLoading()

showLoading

showLoading显示暂无数据

  • 只想显示些文字在上面，或者showLoading 时不要动画，只要文字
  • 把动画效果color设为和你背景一致，这样就可以”隐藏”动画效果，只会显示暂无数据文字，
  • 例如，背景颜色是白色，就将动画效果color就设为#fff

https://echarts.apache.org/zh/api.html#echartsInstance.showLoading

  1. myChart.showLoading({
  2.   text: '暂无数据',
  3.   color: '#fff',
  4.   textColor: '#8a8e91',
  5.   maskColor: 'rgba(255, 255, 255, 0.8)',
  6. });

echarts暂无数据参考
https://github.com/apache/echarts/issues/4829