2013-05-08 51 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錯誤,因爲在這種情況下,我告訴圖表類別軸是日期;然後將其從數據源中提供給該領域以獲取這些日期。圖表應該能夠在正確的日期類別中將這些值繪製到圖表上。