劍道條形圖分類的顏色

Question

請看這裏：http://jsbin.com/teveza/edit?html,output

基本上我試圖有兩個水平酒吧比較。我希望他們有一個categoryAxis標題，並有不同的顏色。我無法得到兩者。

到目前爲止，我可以得到最接近的是這樣的：

{ 
    seriesColors: ["red", "green"], 
    "seriesDefaults": { 
    "type": "bar" 
    }, 
    series: [ 
    { data: [2,3] }, 
    ], 
    categoryAxis:{ 
    categories:["Red Category","Green Category"], 
    lables:{ 
     visible:true, } 
    } 


} 

所以....如何做到這一點的任何指針可以理解

Answer 1

該系列對象有一個屬性叫做colorField可用於此：

： http://docs.telerik.com/KENDO-UI/api/javascript/dataviz/ui/chart#configuration-series.colorField

您可以通過以下兩種方式之一中使用它

上更新JSBIN

$("#chart1").kendoChart({ 
    theme: "flat", 
    dataSource: { 
    data:[ 
    {key: "Red Category", value: "2", usercolor: "red"}, 
    {key: "Green Category", value: "3", usercolor: "green"}, 
    ]}, 
    seriesDefaults: { 
    type: "bar", 
    }, 
    series: [{ 
     field: "value", 
     categoryField: "key", 
     colorField: "usercolor", 
    }], 
}); 

$("#chart2").kendoChart({ 
    theme: "flat", 
    seriesDefaults: { 
    type: "bar", 
    }, 
    series: [{ 
     field: "value", 
     colorField: "usercolor", 
     data: [ 
     {value: "2", usercolor: "red"}, 
     {value: "3", usercolor: "green"}, 
     ], 
    }], 
    categoryAxis:{ 
    categories:["Red Category", "Green Category"], 
    } 
});