Apache ECharts数据集线性变换报错求助：map类型transform使用异常

问题根源 #

ECharts的内置transform确实没有map类型，你代码中指定的type: 'map'是未定义的转换类型，这就是添加datasetIndex:1后抛出异常的原因。

解决方案 #

方案1：提前转换原始数据（最简单直接）

在将数据传入ECharts的dataset之前，直接完成单位转换，不需要依赖transform：

// 假设source是二维数组，遍历转换所有数值列
const convertedSource = source.map(row => {
  return row.map(val => {
    // 仅对数值执行毫米转米，非数值内容（如分类名称）保持原样
    return typeof val === 'number' ? val / 1000 : val;
  });
});

const dataset = [{ source: convertedSource }];

var option = {
  legend: {},
  tooltip: {},
  dataset: dataset,
  xAxis: { type: 'category' },
  yAxis: { type: 'value', name: 'm' },
  series: [{
    datasetIndex: 0
    // 你的其他series配置
  }]
};

var myChart = echarts.init(document.getElementById('graph'));
myChart.setOption(option);

方案2：注册自定义map类型transform（适合动态转换场景）

如果需要在ECharts内部动态处理数据，可以自己注册一个map类型的自定义transform，再进行使用：

// 必须在初始化图表前注册自定义transform
echarts.registerTransform('map', {
  transform: function(params) {
    const sourceData = params.source;
    const convertFn = params.config.convert;
    // 遍历数据行，对数值应用转换函数
    return sourceData.map(row => 
      row.map(val => typeof val === 'number' ? convertFn(val) : val)
    );
  }
});

// 定义数据集和配置
const dataset = [{
  source: source // 原始毫米数据
}, {
  transform: {
    type: 'map',
    config: {
      convert: value => value / 1000
    }
  }
}];

var option = {
  legend: {},
  tooltip: {},
  dataset: dataset,
  xAxis: { type: 'category' },
  yAxis: { type: 'value', name: 'm' },
  series: [{
    datasetIndex: 1
    // 你的其他series配置
  }]
};

var myChart = echarts.init(document.getElementById('graph'));
myChart.setOption(option);

提示：如果只有特定列需要转换，可以修改transform逻辑，比如通过列索引或列名指定转换范围，避免误转分类列。

方案3：使用内置calculate transform（适合新增转换列）

如果需要保留原始数据，同时新增转换后的单位列，可以用内置的calculate类型transform：

const dataset = [{
  source: source // 原始数据，假设第一行是表头
}, {
  transform: {
    type: 'calculate',
    config: {
      items: [{
        type: 'formula',
        from: ['mm_column'], // 替换成你要转换的原始列名
        to: 'm_column', // 转换后的新列名
        formula: function(args) {
          return args[0] / 1000;
        }
      }]
    }
  }
}];

var option = {
  legend: {},
  tooltip: {},
  dataset: dataset,
  xAxis: { type: 'category' },
  yAxis: { type: 'value', name: 'm' },
  series: [{
    datasetIndex: 1,
    encode: {
      y: 'm_column' // 指定使用转换后的列作为Y轴数据
    }
    // 你的其他series配置
  }]
};

var myChart = echarts.init(document.getElementById('graph'));
myChart.setOption(option);

内容的提问来源于stack exchange，提问作者remi