Question

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

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

如果我理解，＆＃34;连接＆＃34;如果＆＃34; parseDates＆＃34;＆＃34; parseDates＆＃34;和＆＃34; minPeriod＆＃34; on＆＃34; CategoryAxis＆＃34;没有定义。您可以通过上一个链接查看此内容。删除＆＃34; parseDates＆＃34;和＆＃34; minPeriod＆＃34;，＆＃34; connect＆＃34;图表的选项被忽略。

在以下示例中：http://www.amcharts.com/demos/stacked-area/# 我们使用＆＃34;指南＆＃34;。（本例中为红色区域）

如果我们添加＆＃34; parseDates＆＃34;到＆＃34; CategoryAxis＆＃34;，指南消失...

总而言之：如果我们想要＆＃34;指南＆＃34;，我们就没有＆＃34; parseDates＆＃34;选项，如果我们没有＆＃34; parseDates＆＃34;选项，我们没有＆＃34; connect＆＃34;图表选项。

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

Answer 1

您无需使用parseDates: true来显示图表中的空白。

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

如果您使用的是基于系列的数据，您仍有几个“手动”选项来指定差距：

1）使用gapField指定数据中的哪个字段可以包含表示间隙的布尔值。如果数据中的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 - 结合＆＃34;解析日期＆＃34;，＆＃34;连接＆＃34;和指南功能

1 个答案: