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']"
//                                                                                                                      ^^^

使用Chart.js和AngularJs的三元期权

1 个答案: