Используйте Ternary Option с Chart.js и AngularJs

Question

Используйте Ternary Option с Chart.js и AngularJs

0

Привет, я очень новичок в интерфейсной разработке, и я использую 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']]"

user2402107 27 июль 2016, в 13:37

Источник

0

Вы не можете поместить переменные в атрибуты HTML таким образом. вам нужен объект с параметрами и используйте его в соответствии с chartjs.org/docs
Nina Scholz 27 июль 2016, в 11:34
0

мои ярлыки - это массив
user2402107 27 июль 2016, в 11:44
0

это сработало так?
Nina Scholz 27 июль 2016, в 11:45
0

Да, без троичной операции это работает как шарм. (см. мой HTML-код выше с канвой), однако мне нужен способ определить, является ли то, что возвращается в массиве, слишком длинным, а затем выбрать длинные или короткие метки
user2402107 27 июль 2016, в 11:51

Показать ещё 2 комментария

Теги:

javascript

angularjs

chart.js

1 ответ

Ещё вопросы

Вы не можете поместить переменные в атрибуты HTML таким образом. вам нужен объект с параметрами и используйте его в соответствии с chartjs.org/docs
Да, без троичной операции это работает как шарм. (см. мой HTML-код выше с канвой), однако мне нужен способ определить, является ли то, что возвращается в массиве, слишком длинным, а затем выбрать длинные или короткие метки

Nina Scholz · Answer 1 · 2016-07-27T10-35-00.000Z

У вас есть недостающая скобка.

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

Невозможно прочитать свойство 'длина' из неопределенного
пожалуйста, добавьте profile переменной к вашему вопросу.