如何制定这样的时间表?

时间:2017-03-22 13:17:47

标签: kendo-ui kendo-grid kendo-chart

enter image description here

所有线条都必须有不同的颜色

这些行最多可以是10件

请帮助我

http://demos.telerik.com/kendo-ui/bar-charts/stacked-bar(不可能在每个类别中制作不同的颜色线:()

1 个答案:

答案 0 :(得分:1)

您可以使用colorField属性(API:http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.colorField

var data = [
    {x: "Name 1", y: 16, valueColor: "#556270"},
    {x: "Name 2", y: 13, valueColor: "#4ECDC4"},
    {x: "Name 3", y: 15, valueColor: "#C7F464"},
    {x: "Name 4", y: 14, valueColor: "#FF6B6B"},
    {x: "Name 5", y: 16, valueColor: "#C44D58"},
];


$("#chart").kendoChart({
    dataSource: data,
    series: [{
        type: "bar",
        field: "y",
        categoryField: "x",
        colorField: "valueColor"                    
    }],
});

DEMO