最内层执行环境为什么读取不了外层变量,但是打印输出不报错但警告值无效?

2023-06-27 354 0

报错问题已经解决
image.png

图表echarts柱状图的toolTip不能显示

const initOption = {
        grid: {
          top: '20%',
          left: '5%',
          right: '5%',
          bottom: '1%',
          containLabel: true
        },
        tooltip: {
          trigger: 'axis',
          show: true,
          formatter (params) {
            let tip = ''
            if (params != null && params.length > 0) {
              tip += params[0].name + '<br/>'
              for (let i = 0; i < params.length; i++) {
                tip += params[i].seriesName + ':' + params[i].value + '<br/>'
              }
            }
            return tip
          }
        },
        xAxis: {
          type: 'category',
          show: false
        },
        yAxis: {
          type: 'value',
          show: false
        },
        series: [
          {
            type: 'bar'
          }
        ]
      }
      this.chartInstance.setOption(initOption)

输出打印:log.js:61 [ECharts] 工站10,工站08,工站10,工站06,工站09,工站01,工站03,工站06,工站08,工站07 is invalid id or name. Must be a string or number.

最后要加一句
return tip

还是加一个 return 只不过你加的位置可能不对。

formatter(params) {
  let tip = ''
  if (params != null && params.length > 0) {
    tip += params[0].name + '<br/>'
    for (let i = 0; i < params.length; i++) {
      tip += params[i].seriesName + ':' + params[i].value + '<br/>'
      // consle.log(tip)
    }
  }
+  return tip
}

回答

相关文章

nuxt2部署静态化和ssr的时候访问首页先报404再出现首页为什么?
`clip-path` 如何绘制圆角平行四边形呢?
多线程wait方法报错?
VUE 绑定的方法如何直接使用外部函数?
vue2固定定位该怎么做?
谁有redis实现信号量的代码,希望借鉴一下?