Числовой формат D3 с использованием выражений Unicode в HTML

Question

Я работаю над приложением и использую D3 Treemaps, я загрузил свои данные, но у меня проблемы с форматом чисел и типом валюты. Я нигериец, поэтому выражение Юникод для нашей валюты,«Naira» - это ₦ (&#8358);

 var defaults = {
      margin: {top: 24, right: 0, bottom: 0, left: 0},
      rootname: "TOP",
      format: ("₦,.3f"),  //- and not working
      title: "",
      width: 765,
      height: 450
  };

. Приведенный выше пример не работает, поскольку d3 не распознает символ, за исключением случаев, когда используется выражение Unicode.

что я хочумой вывод как этот - ₦ 345 456 678

, но я, кажется, не могу понять это правильно ... Я просмотрел все примеры пользовательских форматировщиков и другие доступные примеры в Интернете, но, кажется, не могу это сделать ..

У меня есть различные доступные примеры на этом сайте, но проблема заключается в их применении.http://koaning.s3 -website-us-west-2.amazonaws.com / html / d3format.html .

спасибо.

Answer 1

Знак доллара $ означает, что d3 использует валюту.Чтобы изменить символ валюты, вы можете определить пользовательский языковой стандарт с помощью d3.formatLocale () .

. Свойство currency можно использовать для указания символов, используя массив из 2 позиций длясимвол до и после числа.В вашем случае это будет currency: ["₦", ""].

Вот рабочий фрагмент:

var amount = 123456789.1234;

var locale = d3.formatLocale({
  decimal: ".",
  thousands: ",",
  grouping: [3],
  currency: ["₦", ""]
});

var f = locale.format("$,.2f");

d3.select("#amount").text(f(amount));

<script src="https://d3js.org/d3.v4.min.js"></script>
<div>
  Number: <span id="amount"></span>
</div>