文章正文

echart3 没有数据时显示暂无数据的问题

【文章】2020-04-23

简介echart3 没有数据时显示暂无数据的问题

setOptions({ chartArr,timeData,legendData } = {}) {
  //清空图表
  this.chart.clear()
  //数据判断
  if (chartArr && chartArr.length>0){
    //设置图表
    this.chart.setOption({
      xAxis: {
        data: timeData,
        boundaryGap: false,
        axisTick: {
          show: false
        }
      },
      grid: {
        left: 10,
        right: 10,
        bottom: 20,
        top: 30,
        containLabel: true
      },
      tooltip: {
        trigger: 'axis',
        axisPointer: {
          type: 'cross'
        },
        padding: [5, 10]
      },
      yAxis: {
        axisTick: {
          show: false
        }
      },
      legend: {
        data: legendData
      },
      series: chartArr
    })
  } else {
    //设置无数据参数
    this.chart.setOption({
      title: {
        show: Object.keys(chartArr).length === 0,
        extStyle: {
          color: "grey",
          fontSize: 20
        },
        text: "暂无数据",
        left: "center",
        top: "center"
      }
    })
  }
}


打赏支持

感谢您的支持，加油!

打开微信扫码打赏，你说多少就多少

找书费时，联系客服快速获取!

扫码支持

在线客服8:30-22:30，若离线请留言！

获取教程，请联系在线客服!

扫码支持

在线客服8:30-22:30，若离线请留言！

热门阅读

找PDF电子书，太费时间?

  • 微信扫描二维码，让客服快速查找。

    • 在线客服8:30-22:00，若离线请留言！