Использовать тройной вариант с Chart.js и AngularJs

Здравствуйте, я очень новичок в интерфейсной разработке, и я использую Chart.js и Angular-Charts. У меня в настоящее время проблема, в которой метки X-оси слишком длинны, но в объекте JSON я возвращаюсь. У меня есть свойство для коротких или длинных имен ... Что я пытаюсь выяснить, есть ли способ выполнить тройная операция на основе длины строки и принять решение, на котором свойство использовать:Использовать тройной вариант с Chart.js и AngularJs

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

источник

2016-07-27 user2402107

Вы не можете поместить переменные в атрибуты html таким образом. вам нужен объект с параметрами и использовать его в соответствии с http://www.chartjs.org/docs/ –

мои метки - это массив – user2402107

, сработал ли он так? –

Вы имеют отсутствующую скобку.

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

источник

2016-07-27 11:53:24

Невозможно прочитать длину свойства неопределенного – user2402107

, пожалуйста, добавьте переменную ' профиль' на ваш вопрос. –

- объект массивов – user2402107

Использовать тройной вариант с Chart.js и AngularJs

ответ

Смежные вопросы