echart 隐秘的坑 => 传值类型-526互联

前言

最近整个大屏项目，期间遇到奇葩的问题：如下代码，发现legend的icon与文字老是有一段距离，也没报错

        legend = {
          data: series.map(i => i.name),
          // data: ['预计曲线', '实际曲线'],
          icon: 'rect',
          right: '14',
          itemWidth: '14',
          itemHeight: '14',
          textStyle: {
            color: '#fff',
            fontSize: '18'
          }
        };

几番思考，发现是数据的类型问题，传数值类型，你传字符串，有概率出现问题。传 10 和 '10' 不一样。

总结

为了避坑，echart一定要传官网规定的数据类型！