Chart.jsとAngularJsの3値オプションを使用

Question

こんにちは私はフロントエンドの開発にはまったく新しく、Chart.jsとAngular-Chartsを利用しています。私は現在、X軸のラベルが長すぎるという問題がありますが、JSONオブジェクトで返されています。短い名前または長い名前のプロパティがあります。実行する方法があるかどうかわかります三項演算、文字列の長さに基づいており、使用する財産上の決定を下す：

HTML：

<canvas canvas id="base" class="chart-horizontal-bar" height="400px" 
       chart-labels="profile['detail']['freq-graph']['long-labels']" 
       chart-data="[profile['detail']['freq-graph'].data]" 
       chart-colours="['#008080']" 
       chart-legend="false"/> 

私はこのような何かを行うことができ考え出し：

chart-labels="profile['detail']['freq-graph']['long-labels'].length<20 ?profile['detail']['freq-graph']['short-labels':profile['detail']['freq-graph']['long-labels']]" 

Answer 1

あなたはブラケットがありません。

chart-labels="profile['detail']['freq-graph']['long-labels'].length < 20 ? profile['detail']['freq-graph']['short-labels'] : profile['detail']['freq-graph']['long-labels']" 
//                              ^^^