Angular 6: другой цвет фона для событий в кендо-шдулер

Question

Есть ли способ стилизовать цвет фона событий в зависимости от типа события в кендо-планировщике в Angular 6?Я знаю, что могу глобально установить цвета фона событий, используя CSS:

.k-event{background-color: #000;}

, но это не помогает мне, когда у меня разные типы событий с разными цветами.Есть ли обходной путь для этого?

В качестве примера, подобного этой фотографии:

моя структура данных событий похожа на следующий код:

{
        start:        startDate,
        end:          endDate,
        title:        holidayTitle,
        isAllDay:     true,
        description:  '',
        color :       holidayColor
}

Answer 1

Вы должны определить свои ресурсы в файле .ts вашего компонента класса и указать предпочитаемые цвета, как показано ниже

public resources: any[] = [
            {
                field: "Events",
                dataSource: [
                    { text: "Value1", value: 1, color: "#f8a398" },
                    { text: "Value2", value: 2, color: "#51a0ed" }
                ],
                multiple: true,
                title: "Events"
            }
        ]

Пожалуйста, обратитесь к этой обновленной ссылке Demo и Docs для уточнения