echarts中 legend的formatter如何编译字符串

在 ECharts 中，您可以使用 `legend` 的 `formatter` 属性来自定义图例的显示格式。如果您想要在 `formatter` 中编译字符串，可以使用 JavaScript 中的模板字符串和函数来实现。以下是一个简单的示例：

// 定义一个模板字符串
const stringToCompile = "${name} (${value})";

// 在 formatter 中编译字符串
const formatter = function(params) {
  const name = params.name; // 获取图例项的名称
  const value = params.value; // 获取图例项对应的数值
  const compiledString = eval("`" + stringToCompile + "`"); // 编译字符串
  return compiledString; // 返回编译后的字符串
};

// 配置图表
const option = {
  legend: {
    data: ["图例项1", "图例项2", "图例项3"],
    formatter: formatter // 使用自定义的 formatter
  }
};

在这个示例中，我们首先定义了一个模板字符串，其中包含两个变量 `${name}` 和 `${value}`，分别表示图例项的名称和对应的数值。然后，我们定义了一个 `formatter` 函数，在该函数中获取图例项的名称和数值，并使用 eval() 函数将模板字符串编译成一个字符串。最后，我们将自定义的 `formatter` 函数配置到图表的 `legend` 中。

需要注意的是，使用 eval() 函数存在安全风险，因此应该避免在生产环境中使用该方法。如果您需要在生产环境中编译字符串，请考虑使用更安全的方法。