2014-07-22 19 views
2

我正在使用Kendo製作圖表,並遇到問題。強制日期軸線在Kendo Dataviz中具有所有值

我得到數據的加載並將它傳遞到圖表,數據有一個日期和值,和我的JS是這樣的:

chart.kendoChart({ 
       title: { 
        text: "title" 
       }, 
       seriesDefaults: { 
        type: "line" 
       }, 
       dataSource: { 
        data: [] 
       }, 
       series: [{ 
        name: "Value", 
        field: "value" 
       }] 
       categoryAxis: [{ 
        type: "date", 
        field: "date", 
        baseUnit: "months", 
        min: "2013-07-22T00:00:00", 
        max: "2014-07-22T00:00:00" 
       }] 
      }); 

問題是,如果沒有這返回的數據(即上面的空數組)我仍然希望在底部看到月份日期標籤,但沒有任何內容(y軸上仍有默認值標籤)。

我看過Kendo文檔,找不到任何東西,也沒有任何類似的問題在stackoverflow上。誰能幫忙?如果有任何我需要澄清/提供的信息,請在評論中告訴我。謝謝。

+0

通常圖表將填補空值。他們可能不顯示一行或顯示一個欄,但軸標籤將出現。是否有可能用空值填充你的空陣列? –

回答

1

對於沒有數據的月份使用空值填充數據可以解決您的問題。

請參閱本Fiddle爲例:

另請參見下面的示例代碼:

var _data=[{"weight":200,"createddate":"1/1/2014"}, 
     {"weight":200,"createddate":"2/1/2014"}, 
     {"weight":200,"createddate":"3/1/2014"}, 
     {"weight":149.91,"createddate":"4/1/2014"}, 
     {"weight":null,"createddate":"5/1/2014"}, 
     {"weight":null,"createddate":"6/1/2014"}, 
     {"weight":null,"createddate":"7/1/2014"}, 
     {"weight":null,"createddate":"8/1/2014"}, 
     {"weight":null,"createddate":"9/1/2014"}, 
     {"weight":null,"createddate":"10/1/2014"}, 
     {"weight":null,"createddate":"11/1/2014"}, 
     {"weight":null,"createddate":"12/1/2014"}] 

     $("#kk").kendoChart({ 
      dataSource: { 
       data:_data 
      }, 
      seriesColors: ["Red"],     
      seriesDefaults: { 
       type: "column", 
      }, 
      series: [{ 
       name: "weight", 
       field: "weight", 
       categoryField: "createddate", 
      }], 
      categoryAxis: { 
       type: "date", 
       baseUnit: "months" 
      }       
     }); 
相關問題