角度6：Kendo-Schduler中事件的不同背景色

Question

是否有一种方法可以根据Angular 6中kendo-scheduler中事件的类型来设置事件的背景颜色？ 我知道我可以使用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以获得更多说明