数据交换时ECharts线动画脚本“未捕获错误”原因判断

Question

我正在尝试用我自己的数据更新这个 eCharts，遇到了一个我无法破译调试的模糊错误。

echarts.min.js:45 Uncaught Error
    at vo (echarts.min.js:45:7325)
    at Object.prepareGetValue (echarts.min.js:45:901430)
    at echarts.min.js:45:900501
    at gG (echarts.min.js:45:900842)
    at echarts.min.js:45:900983
    at Array.map (<anonymous>)
    at z (echarts.min.js:35:5289)
    at yG (echarts.min.js:45:900959)
    at gG (echarts.min.js:45:900327)
    at new t (echarts.min.js:45:901100)

这是没有我更改的工作代码：https://codepen.io/kml-projects/pen/poxzazM

这是我试图用“nu_data”交换“json”数据的损坏代码：https://codepen.io/kml-projects/pen/bGmbaXQ

数据结构相似，但我的新数据是一个 3 对 4 的数组

下面的代码正在读取和过滤列表，我尝试为“nu_data”样本更新它可能是问题所在。

 const countries = [
    'Fourth',
    'Third',
    'Second',
    'Top'
  ];
  const datasetWithFilters = [];
  const seriesList = [];
  echarts.util.each(countries, function (country) {
    var datasetId = 'dataset_' + country;
    datasetWithFilters.push({
      id: datasetId,
      fromDatasetId: 'dataset_raw',
      transform: {
        type: 'filter',
        config: {
          and: [
            { dimension: 'Year', gte: 1950 },
            { dimension: 'Quartile', '=': country }
          ]
        }
      }
    });
    seriesList.push({
      type: 'line',
      datasetId: datasetId,
      showSymbol: false,
      name: country,
      endLabel: {
        show: true,
        formatter: function (params) {
          return params.value[1] + ': ' + params.value[0];
        }
      },
      labelLayout: {
        moveOverlap: 'shiftY'
      },
      emphasis: {
        focus: 'series'
      },
      encode: {
        x: 'Year',
        y: 'Income',
        label: ['Quartile', 'Income'],
        itemName: 'Year',
        tooltip: ['Income']
      }
    });
  });

感谢任何指导，感谢您的宝贵时间。

试过：

使用“nu_data”更新“json”变量数据

更新了过滤语句的常量“国家”

在代码中将“国家”替换为“四分位数”

预期：要像示例一样制作动画的数据或描述数据/格式问题的错误