2
我期待在Kendo的图表中获得this,但他们没有任何使用数据源的示例。为Kendo UI定义颜色堆积和分组条形图
我目前正在使用hack来获得这个没有一个数据源,但能够使用数据源可以为我提供许多好处。
这里是我到目前为止的代码:
var graph_data = [
{'date': '2013-02-22T00:00:00', 'color': 'white', 'y_value': 1, 'name': 'name01'},
{'date': '2013-02-23T00:00:00', 'color': 'orange','y_value': 1, 'name': 'name01'},
{'date': '2013-02-22T00:00:00', 'color': 'red', 'y_value': 1, 'name': 'name02'},
{'date': '2013-02-23T00:00:00', 'color': 'grey', 'y_value': 1, 'name': 'name02'},
{'date': '2013-02-22T00:00:00', 'color': 'black', 'y_value': 1, 'name': 'name03'},
{'date': '2013-02-23T00:00:00', 'color': 'blue', 'y_value': 1, 'name': 'name03'}
]
var unique_names = 3;
var series = [];
for(var i = 0; i < unique_names; i++){
series.push({'field':'y_value', 'type':'bar'});
}
$('#chart').kendoChart({
'dataSource':{
'data':graph_data,
'group': {
'field':'name',
'dir':'asc'
},
'schema':{
'model':{
'fields':{
'name':{'type':"string"},
'date':{'type':'date'},
'y_value':{'type':'number'},
'color':{'type':'string'}
}
}
}
},
'seriesDefaults' : {
'colorField':'color',
'stack':true,
'gap':0.1
},
'series': series,
'categoryAxis': {
'field': 'name'
}
});
美并不需要定义'colorField':'color',如果您的JSON中的字段颜色具有有效的颜色代码,则它会自动运行。 – Dev 2013-10-27 10:48:34
我们之前在剑道中发生过神秘和无证的行为,所以我们只是想确保这不是问题。 – 2013-11-02 01:03:53