AMCharts在零值上顯示條

Question

是否可以製作一個「假」堆積條形圖，其中0值被推送，即10px向上，因此0值將具有10px條，因此用戶總是有東西點擊？

Answer 1

有沒有一個屬性可以讓你這樣做，但是你有一些解決方法。

您可以通過設置angle和depth3D屬性來製作圖表3D。這樣可以在零軸水平上提供更多的表面區域以供點擊。儘管如此，這對堆積圖表來說效果不佳。

或者，您可以向列中添加不可見的項目符號。您可以在圖形中指定bullet形狀，然後將bulletAlpha設置爲0，以便它們不可見，但仍可點擊。您也可以通過設置bulletSize到一個更大的數字，這增加了擊中格增加大小：

"graphs": [{ 
    "fillAlphas": 0.9, 
    "bullet": "round", 
    "bulletSize": 20, //used to increase the hitbox 
    "bulletAlpha": 0, 
    "type": "column", 
    "valueField": "visits" 
    }, 
    // ... 
    ] 

我創建了無形的子彈和子彈可見演示來說明擊中格和位置here。我將bulletSize設置爲20以使其足夠大以覆蓋氣球出現的某些區域，以便用戶可以單擊那裏的圓形

作爲最終替代方法，您可以創建一個不可見的非集羣圖形，該圖形指向到valueField，它對應於數據中的最大值。這個不可見的列將包含每個類別上方的空間，直到valueField中的值，因此列上方的任何空白空間也會觸發單擊事件。

"dataProvider": [{ 
    "country": "Netherlands", 
    "visits": 665, 
    "max": 665 
    }, { 
    "country": "Russia", 
    "visits": 0, 
    "max": 665 
    }, 
    // ... 
    ], 
    "graphs": [{ 
    // invisible graph - set clustered to false and all other visible properties and interactive properties to 0 or false 
    "clustered": false, 
    "visibleInLegend": false, 
    "fillAlphas": 0, 
    "lineAlpha": 0, 
    "showBalloon": false, 
    "type": "column", 
    "valueField": "max" 
    }, { 
    // real graph 
    "fillAlphas": 0.9, 
    "type": "column", 
    "valueField": "visits" 
    }], 

這是這種方法的demo。