如何在ember中添加图表js图例？

Question

你好我是ember的新手，即自从我开始使用它已经过去2个月了，所以在我的ember项目中，我使用https://github.com/aomran/ember-cli-chart包含了一个图表js库，这个东西在我的x轴标签中，因为标签字符串非常大我用a，b，c ..etc替换原来的大字符串

ticks: {
        callback: function(tick, index, array) {
            var alphabet = alphabets: ["a","b","c"];
            if(tick.length > 20){
                return alphabet[index];
                 }
       }

因此，由于上述功能，我的实际字符串不会显示而不是a，b，c被取消显示

所以现在我想要一个图例或其他东西来提供a，b，c标签的描述，例如

a：“这是实际的长字符串” b：“这是另一个长串”

我遇到了chart.js中的自定义图例，但我不知道如何使用ember配置它

由于

Answer 1

我和你有同样的问题，每个项目都有名称，价值和代码。名称大于20个字符。

我提供了代码作为标签和名称作为工具提示。所以我的数据：

data:{
  labels: items.map((item)=>{return Ember.get(item, labelName);}),
  datasets: [{
    borderColor: BORDER_COLORS,
    backgroundColor: BACKGROUND_COLORS,
    data: items.mapBy(propertyName)
  }]
}

我的工具提示选项：

tooltips: {
  callbacks:{
    title: (tooltipItems)=>{
      let index = tooltipItem[0].index;
      return Ember.get(this.get('items')[index], tooltipName);
    }
  }
}

这解决了我的问题。我试过传说，但传说领域的长名对我来说似乎并不好。