值前显示的符号 JustGage.js

Question

我想在 JustGage.js

上的每个数字前显示“£”符号

已经有一个 symbol 选项，但这只是将它添加到中间数字和末尾。

Answer 1

在第 711 - 737 行之间，我在 '£' + 中添加了所有这些值之前，它就像一个魅力

// set value to display
        if (obj.config.textRenderer) {
          obj.originalValue = obj.config.textRenderer('£' + obj.originalValue);
      } else if (obj.config.humanFriendly) {
          obj.originalValue = humanFriendlyNumber('£' + obj.originalValue, obj.config.humanFriendlyDecimal) + obj.config.symbol;
      } else if (obj.config.formatNumber) {
          obj.originalValue = formatNumber('£' + obj.originalValue) + obj.config.symbol;
      } else {
          obj.originalValue = ('£' + obj.originalValue * 1).toFixed(obj.config.decimals) + obj.config.symbol;
      }

      if (obj.config.counter === true) {
          //on each animation frame
          eve.on("raphael.anim.frame." + (obj.level.id), function() {
              var currentValue = obj.level.attr("pki");
              if (obj.config.textRenderer) {
                  obj.txtValue.attr("text", '£' + obj.config.textRenderer(Math.floor(currentValue[0])));
              } else if (obj.config.humanFriendly) {
                  obj.txtValue.attr("text", '£' + humanFriendlyNumber(Math.floor(currentValue[0]), obj.config.humanFriendlyDecimal) + obj.config.symbol);
              } else if (obj.config.formatNumber) {
                  obj.txtValue.attr("text", '£' + formatNumber(Math.floor(currentValue[0])) + obj.config.symbol);
              } else {
                  obj.txtValue.attr("text", '£' + (currentValue[0] * 1).toFixed(obj.config.decimals) + obj.config.symbol);
              }
              setDy(obj.txtValue, obj.params.valueFontSize, obj.params.valueY);
              currentValue = null;
          });

Answer 2

您可以指定一个 textRenderer 函数来执行此操作。例如：

this.chartCosts = new window.JustGage({
    id: "chartCosts",
    value: 12000,
    min: 0,
    max: 50000,
    title: "Costs",
    textRenderer: function(num) {
        return "£ " + numeral(num).format("0,0");
    }
});

值前显示的符号 JustGage.js

Symbol to show before value JustGage.js

javascript

justgage