AMCharts在零值上顯示欄

Question

是否可以制作一個“偽”的堆疊條形圖，其中將0值推入（即向上10px），所以0值將具有10px的條形，因此用戶總是可以單擊某些東西？

Answer 1

沒有可以執行此操作的屬性，但是有一些解決方法。

您可以通過設置angle和depth3D屬性使圖表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"
  },
  // ...
  ]

我創建了一個包含不可見項目符號和可見項目符號的演示，以在此處說明命中框和位置。 我將bulletSize設置為20，使其足夠大以覆蓋氣球出現的某些區域，以便用戶可以在其中單擊一個圓形

作為最后的選擇，您可以創建一個不可見的非聚集圖，該圖指向一個valueField，該valueField對應於數據中的最大值。 該不可見的列將包含每個類別上方的空間，直到valueField中的值為止，因此，列上方的任何空白區域也會觸發click事件。

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

這是此方法的演示 。