Question

我试图将标签格式化为百分比。我已经尝试查看Chartist.js的文档并将其转换为CoffeeScript，问题是我不太清楚，因为我们使用的是Angular，因此angular-chartist模块。这是一件相当微不足道的事情，我无法让我的联合创始人花时间，因为我们的项目中有许多较大的作品，但我想了解我的目标。短。

图表使用chartist指令显示（我猜测是angular-chartist的一部分）：

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

这是我尝试获取选项的coffeescript（注意标签和系列属性工作正常;但是chartist元素没有获取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

如果您没有使用https://gionkunz.github.io/chartist-js/getting-started.html#responsive-sugar-topping中所述的响应式选项，则应使用常规选项的chartist-chart-options属性和chartist-responsive-options。

干杯

使用Angular-Chartist和CoffeeScript格式化Chartist标签

1 个答案: