emberにchart js legendsを追加するには？

Question

こんにちは私はそれを使用し始めてから2ヶ月です。つまり、私のemberプロジェクトでは、https://github.com/aomran/ember-cli-chartを使ってチャートjsライブラリを含んでいます。ラベル文字列が非常に大きいので、x軸ラベルになります私はそうあるため上記の機能の私の実際の文字列は、だから、B、Cが

をdisaplyedますむしろ表示されますdoesntの

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

を使用して、B、C ..etcと元の大きな文字列を置換します今、私は伝説か何かがa、b、cのラベル、すなわち何かのようなものを記述したいと思う。

は： B「これが実際の長い文字列である」：「これは別の長い文字列である」

私はchart.jsにカスタマイズ伝説に出くわしたが、私は残り火

おかげでそれを構成する方法を知りません

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); 
    } 
    } 
} 

これは私の問題を解決しました。私は伝説を試しましたが、伝説のフィールドの長い名前は私には良いとは思われません。