Как добавить запятые к меткам в Chartist. JS - PullRequest
Новая
       8

Как добавить запятые к меткам в Chartist. JS

0 голосов
/ 05 марта 2020

У меня есть следующий график: Chart missing comma

Я хочу добавить запятые к меткам Y, но, похоже, ничего не работает. Я попробовал кучу ответов от сообщества , таких как этот , однако ничего не меняется. Может быть, это связано с различиями версий? Мой полный код диаграммы ниже: 

<div class="ct-chart ct-major-eleventh graph"></div>

<script>
    new Chartist.Line('.ct-chart', {
      labels: {{ chart_labels }},
      series: [{{ chart_values }}, {{ chart_values }} ]
    }, {
        low: {{ chart_low }},
        showArea: true,
        axisX: {
            labelInterpolationFnc: function skipLabels(value, index) {
                return index % 3  === 0 ? value : null;
            }
        },
        ticks: {
            beginAtZero: true,
            callback: function(label, index, labels) {
                return Intl.NumberFormat('hi', { style: 'currency', currency: 'USD', minimumFractionDigits: 2 }  )
                .format(label).replace(/^(\D+)/, '$1 ');
            },
        }
    });
</script>

1 Ответ

0 голосов
/ 21 апреля 2020

Включите эту функцию в ваш раздел скриптов: 

Number.prototype.format = function (n, x) {
  var re = '\\d(?=(\\d{' + (x || 3) + '})+' + (n > 0 ? '\\.' : '$') + ')';
  return this.toFixed(Math.max(0, ~~n)).replace(new RegExp(re, 'g'), '$&,');
};

Затем, в вашем разделе YY, включите это: 

labelInterpolationFnc: function (value) {
  var temp = Number(value).format(0);
  return temp;
},

format(0) устанавливает десятичные разряды.

...