Условие Kendo UI в шаблоне

В шаблоне я хочу, чтобы число 30 было жирным и синим. А остальной текст шаблона не синий и не жирный.

          labels: {
                    visible: true,
                    margin: {
                        left: 55
                    },
                    color: "#1246BB",
                    format: "{0}",
                    template: "#= value # \n <b>30</b>"
                },

редактировать: вот плункер http://dojo.telerik.com/IzAcURaD/16

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
731
1

Ответы 1

Если в вашем коде есть условие, используйте инструкцию if:

template: "# if (value == 30) { #<strong>#= value #</strong># } else { ##=value## } #"

Приведенный выше шаблон печатает <strong>30</strong> в случае value == 30 или просто значение в противном случае.

Полезные ссылки:

ОБНОВИТЬ

Шаблон метки диаграммы не является обычным шаблоном. Его вывод отображается в теге <text>, который не может обрабатывать теги HTML. Итак, я нашел свойство под названием series.label.visual, в котором вы можете правильно отформатировать этот вывод:

labels: {
    font:"10px tahoma;", // I removed the 'bold' style from the default font
    visual: function(e) {
      // createVisual() method returns the default style to be used as a base style
      var visual = e.createVisual();

      // Some checkings
      if (e.text && Number(e.text) == 70 && visual.children) {
        // The 'visual' object returned from createVisual() has an array of child items. 
        // Below we are iterating through it to change the desired values
        visual.children.forEach(child => {
          if (child.options) {
            // Now we add the bold style to the font
            child.options.font = "bold 10px tahoma;";
          }
        });
      }

      // Return the updated visual styles
      return visual;
    }
},

Демо

По какой-то причине это работает во всплывающей подсказке, но не в свойстве label в серии. Я все еще получаю текст <b> ... </b>

George Xia 11.06.2018 15:47

Я добавил плункер, чтобы показать вам, о чем я говорю. посмотрите на ценность с 70

George Xia 11.06.2018 16:01

@GeorgeXia да, я понимаю, что вы имеете в виду. Оказывается, это не обычный шаблон, вывод шаблона добавлен в тег <text>, который не может обрабатывать теги html .. Я ищу решение.

DontVoteMeDown 11.06.2018 16:04

Другие вопросы по теме