1
我試圖在KendoUI的單個折線圖上顯示兩個系列。這是一個錯誤?堆疊時間序列忽略日期值
系列中的日期不匹配(也就是說,系列二開始於系列一之後,並在系列一之前完成)。然而,KendoUI從圖表的開頭開始呈現這兩個系列。
我創建了一個簡單的jsfiddle到demonstrate the issue,總結如下:
HTML:
<div id="chart" />
CSS:
#chart
{
width: 400px;
height: 280px;
}
JS:
$(function() {
var dataSource = new kendo.data.DataSource({
data: [
{ series: 'Series 1', date: new Date(2013, 04, 01), count: 1 },
{ series: 'Series 1', date: new Date(2013, 04, 02), count: 3 },
{ series: 'Series 1', date: new Date(2013, 04, 03), count: 5 },
{ series: 'Series 1', date: new Date(2013, 04, 04), count: 3 },
{ series: 'Series 1', date: new Date(2013, 04, 05), count: 1 },
{ series: 'Series 2', date: new Date(2013, 04, 02), count: 5 },
{ series: 'Series 2', date: new Date(2013, 04, 03), count: 3 },
{ series: 'Series 2', date: new Date(2013, 04, 04), count: 5 }
],
group: {
field: 'series'
},
sort: {
field: 'date',
dir: 'asc'
},
schema: {
model: {
fields: {
date: {
type: 'date'
}
}
}
}
});
dataSource.read();
$('#chart').kendoChart({
title: {
text: 'Date Demonstration'
},
dataSource: dataSource,
seriesDefaults: {
type: 'line'
},
series: [{
field: 'count',
data: []
}],
valueAxis: {
line: {
visible: false
},
labels: {
step: 2,
template: function (value) {
return value.value % 1 === 0 ? value.value : ' ';
}
}
},
categoryAxis: {
field: 'date',
type: 'date',
labels: {
template: function (value) {
return value.value.getDate();
}
}
},
legend: {
position: 'bottom'
}
});
});
圖表應該有'2'開始的第二個系列,而不是從'1'開始。
任何人有任何想法如何解決這個問題?這是KendoUI中的錯誤嗎?