Привет.

Ну что ж, теперь напишем сам оператор.

@value.y ? '

' + @value.y + '

' : (@value.y ? '

' + @value.y + '

' : '

' + @value.y + '

')

▎Что здесь происходит?

По-человечески это читается так:

Если @value.y > иначе если @value.y > иначе вывести значение по умолчанию (с выравниванием по центру).

Или в тернарном виде:

Условие 1 ? Значение_если_истина 1 : (Условие 2 ? Значение_если_истина 2 : Значние_если_ложь)

▎Разбор кода по частям:

▎1. Условие: @value.y Если значение y меньше 6 — применяем такой блок:

display:inline-block; text-align:left; margin-left:-30px; / сдвигаем элемент влево на 30 пикселей от центра */ border:0.5px solid #d46a3e; padding:1px; background-color: ; ">' + @value.y + '

'

Цвета и остальные стили такие же, как в первом условии.

▎3. Альтернатива (если ни одно из условий не выполнено)

А это наша альтернатива. Если @value.y >= 15 — просто выводим число, выровненное по центру:

'+ @value.y +'

Наш тернарный оператор готов. Можно вставлять всю эту красоту в поле «Форматирование подписей точек/столбцов». Если хотите изменить стили или цвета — теперь у вас есть подробное описание каждого блока — можно экспериментировать.

На связи.