javascript - Amcharts - 如何格式化自定义工具提示中的 valueField？

Question

我有一个基本的 AmGraph:

    graph = new AmCharts.AmGraph();

    graph.lineThickness = 4;
    graph.valueAxis = valueAxis;
    graph.fillAlphas = 0;
    graph.valueAxis = valueAxis;
    graph.valueAxis.minimum = 0;

    graph.title = "likes";
    graph.labelText = " ";
    graph.valueField = "likes_1";

问题是，如果我使用自定义气球文本函数，numberFormatter 不会格式化值:

    graph.numberFormatter = {precision: -1, decimalSeparator:",", thousandsSeparator:","};

所以如果我使用这个:

    graph.balloonText = "<b>got: [[likes_1]] </b>";

工具提示如下所示:

   "got: 1000"

如何设置该值的格式？如果我尝试使用 javascript 对其进行格式化(Numeral.js):

    graph.balloonText = "<script>numeral( [[likes_1]] ).format("0,0") </script>";

构建页面时(而是悬停图表时？)，通配符不会替换为实际值，所以我得到:

    Uncaught ReferenceError: likes_32 is not defined

我应该做什么？

Answer 1

(First I highly recommend to use the newer way of chart initialization! Look here for that.)

您可以使用 balloonFunction 代替 balloonText ，它允许您使用 JavaScript 更改文本。您可以在其中根据您的意愿格式化数字。
我准备了一个demo使用AmCharts.formatNumber格式化程序。

return AmCharts.formatNumber(graphDataItem.values.value, {
        precision: -1,
        decimalSeparator: '.',
        thousandsSeparator: ','
    }, -1);

您仍然可以在其中使用 Numeral.js (它的语法对我来说似乎更直接一些)。

return numeral(graphDataItem.values.value).format("0,0");