2013-05-08 53 views
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中的错误吗?

回答

2

UPDATE:剑道回应,我们随后打开一个支持请求:

线图就像这一点。你有一些类别,然后你给每个类别的值。在你的情况下,我会建议你使用散点线图,或者你需要填充第二个系列中缺失的值作为值。

因此,我认为这是一个wontfix错误,因为在这种情况下,我告诉图表类别轴是日期;然后将其从数据源中提供给该领域以获取这些日期。图表应该能够在正确的日期类别中将这些值绘制到图表上。