如何制定這樣的時間表？

Question

這是必要的，所有行有不同的顏色

該線可以是最多10個

幫我請

http://demos.telerik.com/kendo-ui/bar-charts/stacked-bar（這是不可能做出不同的顏色每行分類:(）

Answer 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