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。