强制 Kendo Dataviz 中的日期轴具有所有值

Posted 2023-05-07

【中文标题】强制 Kendo Dataviz 中的日期轴具有所有值

【英文标题】：Force date Axis in Kendo Dataviz to have all values

【发布时间】：2014-09-13 12:16:18

【问题描述】：

我正在使用剑道制作图表，但遇到了问题。

我正在获取大量数据并将其传递到图表中，数据有一个日期和一个值，我的 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 文档，但找不到任何内容，也找不到关于 *** 的任何类似问题。任何人都可以帮忙吗？如果有什么我需要澄清/提供的，请在 cmets 中告诉我。谢谢。

【问题讨论】：

通常图表会​​填充空值。它们可能不显示线条或显示条形，但会出现轴标签。是否可以用空值填充空数组？

【参考方案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"
                                    
        );