Amcharts - 結合「parseDates」，「connect」和指南功能

Question

我嘗試製作一個圖表，指導和最終的數據差距。

要管理差距，我們需要在相關圖中使用選項「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個功能嗎？

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 
} ]