javascript - Chart.js 全局格式化数字标签

Question

我想要做的就是设置一个简单的全局选项，为 Y 轴和工具提示设置带逗号的数字格式。我已经尝试了一百万个例子，但我无法让它发挥作用。

版本:Chart.js/2.2.2

我想使用一个简单的全局选项为 Y 轴和工具提示值设置逗号格式的所有数字。使用 global 会更容易的原因是我生成并动态发送 JSON 数据并向其添加更多选项会很痛苦，当所有数字都需要表现相同时动态地。

Answer 1

在与开发人员交谈后，我有了一个非常好的全局方法来设置 y 轴和工具提示数字格式。我希望这也能帮助其他人!

您绝对可以使用全局选项来控制它。

例如，这里是您将如何更新，以便所有线性比例(默认 Y 轴)都将使用美元符号和漂亮的数字进行格式化

Chart.scaleService.updateScaleDefaults('linear', {
  ticks: {
    callback: function(tick) {
      return '$' + tick.toLocaleString();
    }
  }
});

这里是你也可以对工具提示做同样的事情

Chart.defaults.global.tooltips.callbacks.label = function(tooltipItem, data) {
  var dataset = data.datasets[tooltipItem.datasetIndex];
  var datasetLabel = dataset.label || '';
  return datasetLabel + ": $" + dataset.data[tooltipItem.index].toLocaleString();
};

然后我问了关于在轴和数据集设置中包含用于格式化的简单标志:

我一直在犹豫是否要将它们包含在核心中，因为有太多不同的选项，并且尝试支持每一个都会大大增加已经很大的库的大小。鼓励某人创建一个格式化程序库可能是有意义的，该库基本上可以自动创建这些函数以加快开发速度。

引用资料:

https://github.com/chartjs/Chart.js/issues/3294#issuecomment-246532871 https://jsfiddle.net/ChrisGo/k4Lxncvm/