2015-10-19 85 views
1

我尝试制作一个图表,指导和最终的数据差距。Amcharts - 结合“parseDates”,“connect”和指南功能

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

如果我明白了,如果未定义“CategoryAxis”上的“parseDates”和“minPeriod”,则不能应用“connect”选项。 您可以通过上一个链接查看。删除“parseDates”和“minPeriod”,图表的“连接”选项将被忽略。

而在以下示例中:http://www.amcharts.com/demos/stacked-area/# 我们使用“指南”。 (红色区域在这个例子中)

如果再加上一个“parseDates”到“的CategoryAxis”,导游消失......

因此得出结论:如果我们希望“指南”,我们不能有“parseDates “选项,如果我们没有”parseDates“选项,我们不能有”连接“图形选项。

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

回答

0

您不需要使用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 
} ] 
+0

我尝试,但该间隙不与'graph.connect = FALSE',的设置表示'categoryAxis.parseDates = TRUE'和'categoryAxis.minPeriod = “毫米”'。任何想法? – pekcheng

+0

这是一个单独的问题。请发邮件给我们[email protected],我们会解决这个问题。如果可能,请包含图表代码和数据。 – martynasma