echarts - 如何使用 ECharts 的 formatter 指定国际数字格式？

Question

我正在构建一个 API 来创建 ECharts 配置，并希望数据标签根据最终用户阅读图表的位置以正确的格式显示。

例如，如果图表中的数字是 10,000，我希望它在北美显示为 10,000，在欧洲显示为 10.000 .

ECharts 似乎无法设置全局格式，所以我需要使用 formatter 选项。我认为这就像传递一个使用 JavaScript 的 toLocaleString() 或 Intl.NumberFormat 的函数一样简单，但 ECharts 文档使这看起来复杂得多。

我还没有找到任何显示常见格式化场景的输入和输出的 formatter 示例，因此我希望能得到一些帮助，以了解正确的方法。

下面是我希望包含在 formatter 中的函数的一个非常简单的示例，但是这个特定示例不起作用。

formatter: function(d){
   return d.toLocaleString()
}

Answer 1

回答我自己的问题，以便需要此信息的人将来可以找到它。结果很简单，但是我在任何地方都找不到像这样的简单示例!

因为 ECharts 已经在我的图表上显示一个值作为默认标签，我假设我在 formatter 中包含的任何函数都会使用该值(这是我问题中简单函数的假设) .

我了解到，当您向 formatter 添加函数时，它不会自动使用默认值。您需要使用它们的 params 数据集传入对一段数据的特定引用。

在我的示例中，我需要使用 params.value 来访问我需要的数据。我的系列数据集还包括数组中的 x 和 y 列，因此我只需要引用其中一列即可使标签正常工作。

params 在 ECharts 文档中有详细说明，但在系列类型部分，并不清楚(至少对我而言)如何使用它。

这是我的工作函数的简化版本:

formatter: function(params){
   let label = params.value[1] // this is my y column
   return label.toLocaleString()
}