Amcharts

Question

我尝试制作图表，其中包含指南和最终的数据差距。

要管理差距，我们需要在相关图表中使用选项"connect : false"。示例：http://www.amcharts.com/demos/chart-with-gaps-in-data/

据我了解，如果未定义 "CategoryAxis" 上的 "parseDates" 和 "minPeriod"，则无法应用 "connect" 选项。感谢之前的link，你可以检查这个。删除"parseDates"和"minPeriod"，图表的"connect"选项被忽略。

在下面的例子中：http://www.amcharts.com/demos/stacked-area/# 我们使用"guides"。（本例中的红色区域）

如果我们将 "parseDates" 添加到 "CategoryAxis"，指南将消失...

所以总结一下：如果我们想要 "guides"，我们就不能有 "parseDates" 选项，如果我们没有 "parseDates" 选项，我们就不能有 "connect"图形选项。

所以我的问题是：我们可以结合这 3 个功能吗？

Answer 1

您不需要使用 parseDates: true 来显示图表中的间隙。

当您使用基于日期的数据 (parseDates: true) 时，图表会自动计算数据中的差距。

如果您使用的是基于系列的数据，您仍然有几个 "manual" 选项来指定间隙：

1) 使用gapField 指定数据中的哪个字段可以包含表示间隙的布尔值。如果 data 中的 gapField 包含 true，图表将在该数据点之后断线并显示一个缺口。

"dataProvider": [ {
  "year": 1994,
  "cars": 1587,
  "motorcycles": 650,
  "bicycles": 121
}, {
  "year": 1995,
  "cars": 1567,
  "motorcycles": 683,
  "bicycles": 146,
  "gap": true
}, { // will display a gap between 1995 and 1996
  "year": 1996,
  "cars": 1617,
  "motorcycles": 691,
  "bicycles": 138
}, {
  "year": 1997,
  "cars": 1630,
  "motorcycles": 642,
  "bicycles": 127
}, {
  "year": 1998,
  "cars": 1660,
  "motorcycles": 699,
  "bicycles": 105
} ]

2) 省略特定数据点的值字段。如果有一个数据点没有图表 valueField 中指定的特定字段，它也会断开该行。

"dataProvider": [ {
  "year": 1994,
  "cars": 1587,
  "motorcycles": 650,
  "bicycles": 121
}, {
  "year": 1995,
  "cars": 1567,
  "motorcycles": 683,
  "bicycles": 146
}, {
  "year": 1996 // will display a gap on 1996
}, {
  "year": 1997,
  "cars": 1630,
  "motorcycles": 642,
  "bicycles": 127
}, {
  "year": 1998,
  "cars": 1660,
  "motorcycles": 699,
  "bicycles": 105
} ]

Amcharts - 结合 "parseDates"、"connect" 和指南功能

Amcharts - Combine "parseDates", "connect", and Guides functionality