Форматирование меток Chartist с использованием Angular-Chartist и CoffeeScript

Question

Я пытаюсь отформатировать свои метки в процентах. Я попытался просмотреть документацию по Chartist.js и преобразовать ее в CoffeeScript. Проблема в том, что мне все не так ясно, поскольку мы используем Angular, и поэтому angular-chartist модуль. Это довольно тривиальная вещь, на которую я не могу попросить моего соучредителя потратить время, потому что в нашем проекте есть много более крупных работ, но я хотел бы понять, где я в скором времени выйду.

Диаграмма отображается с использованием директивы чартиста (я полагаю, это часть angular-chartist):

<chartist class="ct-chart" chartist-data="typeCounts" chartist-chart-type="Bar" chartist-responsive-options="typeCounts.barResponsiveOptions"></chartist>

Это мой coffeescript для попытки ввода опций (обратите внимание, что метки и свойства серии работают нормально; но элемент чартиста не собирает barResponsiveOptions собственность (следовательно, console.log линия отладки не стреляет)

  # Organize return data into labels and series for Chartist
  typeCounts = ResultService.getTypeCounts()
  $scope.typeCounts.labels = Object.keys(typeCounts)
  $scope.typeCounts.series = [typeCounts[type] for type in Object.keys(typeCounts)]
  $scope.typeCounts.barResponsiveOptions = [
    axisY:
      labelInterpolationFnc: (value) ->
        console.log("Firing barResponsiveOptions")
        Math.round(value * 100) + '%'
  ]

Прямо сейчас диаграмма отображается с точками данных на оси Y как доли от 1 (например, 0,0 -> 1,0).

Answer 1

Вы должны использовать chartist-chart-options атрибут для ваших обычных опций и chartist-responsive-options если вы не используете адаптивные параметры, как описано здесь https://gionkunz.github.io/chartist-js/getting-started.html.

ура