Question

我有一组系列，其中一些数据将为null。使用线型图表，它只会连接上一个点和下一个点，从而产生数据连接的错觉。我想在行中显示空值的间隙。有解决方法吗？

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

$("#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

Answer 1

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

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

更新了 DOJO

Kendo折线图显示空值的差距

1 个答案: