Javascript AMCharts在零值上显示条形图

是否可以制作一个“假”堆叠条形图，其中0值被推送，即10px向上，因此0值将有一个10px的条形图，因此用户总是可以点击一些东西？

没有允许您这样做的属性，但是您有一些解决方法

通过设置和属性，可以使图表成为三维图表。这为零尺寸的杆提供了更多的表面积，以便在轴级别单击。不过，这在堆叠图表中效果不太好

或者，可以向列中添加不可见的项目符号。您可以在图形中指定一个形状，然后将设置为0，使其不可见，但仍然可以单击。您还可以通过设置为更大的数字来增加大小，这将增加hitbox：

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

我用看不见的子弹和看得见的子弹创建了一个演示，以说明hitbox和位置。我将

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

---

这里是这种方法的一个例子。

谢谢，你说得对，它没有给出想要的结果，但是企业（和设计师）接受了这是不可能的，并用一个项目符号（颜色）解决