空值的 Kendo 折线图显示间隙答案

【问题标题】：Kendo line chart display gap for null values空值的 Kendo 折线图显示间隙
【发布时间】：2016-08-23 13:22:45
【问题描述】：

我有一组系列，其中一些数据将为空。使用折线图，它只会连接上一个点和下一个点，给人一种数据已连接的错觉。我想在空值的行中显示一个间隙。有解决办法吗？

以下是一些示例相关代码：

$("#chart").kendoChart({
  seriesDefaults: {
    type: "line"
  },
  series: [{
    name: "Gaps",
    data: [null, 3.907, null, 7.848, null, 9.263, null, 3.890, 8.238, 9.552]
  }, {
    name: "No Gaps",
    data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727]
  }],
  categoryAxis: {
    categories: [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011]
  }
});

也是一个有效的道场： http://dojo.telerik.com/ecOKU/2

【问题讨论】：

标签： kendo-ui kendo-dataviz kendo-chart

【解决方案1】：

只需将missingValues: "gap" 添加到系列或系列默认值（API DOC）：

seriesDefaults: {
    type: "line",
    missingValues: "gap" 
},

更新DOJO

【讨论】：