Kendo ui 这是虫子吗?堆叠时间序列忽略日期值
我试图在KendoUI的单线图上显示两个系列 系列中的日期不匹配(即,系列2在系列1之后开始,在系列1之前结束)。但是,KendoUI从图表的开头开始渲染这两个系列 我创建了一个简单的JSFIDLE to,总结如下: HTML: JS: 该图的第二个系列应该从“2”开始,而不是从“1”开始Kendo ui 这是虫子吗?堆叠时间序列忽略日期值,kendo-ui,Kendo Ui,我试图在KendoUI的单线图上显示两个系列 系列中的日期不匹配(即,系列2在系列1之后开始,在系列1之前结束)。但是,KendoUI从图表的开头开始渲染这两个系列 我创建了一个简单的JSFIDLE to,总结如下: HTML: JS: 该图的第二个系列应该从“2”开始,而不是从“1”开始 有人知道怎么解决这个问题吗?这是KendoUI中的错误吗?更新:Kendo响应了我们随后打开的支持请求: 折线图就是这样工作的。您有一些类别,然后为每个类别指定一个值。在您的情况下,我建议您使用散点线图,或者
有人知道怎么解决这个问题吗?这是KendoUI中的错误吗?更新:Kendo响应了我们随后打开的支持请求: 折线图就是这样工作的。您有一些类别,然后为每个类别指定一个值。在您的情况下,我建议您使用散点线图,或者您需要使用null作为值来填充第二个系列中缺少的值 因此,我认为这是一个惯用的错误,因为在这种情况下,我告诉图表,类别轴是一个日期;然后从数据源中给它一个字段来获取这些日期。图表应能够将这些值绘制到正确日期类别的图表中
<div id="chart" />
#chart
{
width: 400px;
height: 280px;
}
$(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'
}
});
});