Javascript AmChart V4：可单击的类别轴标签（堆叠柱形图）

我使用amchart 4创建了一个更精确的堆叠柱形图，我想让柱标签可以点击。 以下是我所做的（用一点树枝）：

带有

url

属性的最后一行允许单击列的“单元格”，并重定向到专用于所表示值的页面。 我想让列的标签也可以点击。我试着这样做：

{% for categoryAxis in listCategoryAxes %}
    label.events.on("hit", function(){
        window.location.href = "{{path('viewCategoryAxis', {'id':categoryAxis.id})}}";
        }, this);
{% endfor %}

---

问题是标签不是独立处理的，它们重定向到同一页面。我想使用

url

属性，但是单击的目标是标签，而不是列本身。我会使用类似于

series.columns.template.labels.url

或

urlTarget

的东西，但这些似乎都不起作用。

如果数据中有url，那么最简单的方法就是设置：

categoryAxis.renderer.labels.template.propertyFields.url = "url"

命中事件也是如此：

categoryAxis.renderer.labels.template.events.on("hit", function(event){
     window.location.href = event.target.dataItem.dataContext.url;
})

---

我意识到我的变量名令人困惑，

categoryAxis

上的细枝循环实际上是图表数据上的循环，每个

categoryAxis

都是

chart.data

中的对象。看起来您应该循环

categoryAxis.renderer.labels

？此时，您正在覆盖同一标签的事件

命中次数

多次？事实上，

categoryAxis.renderer.labels

有一个

值

属性，其中包含我要针对的标签的对象。然而，即使使用这种技术，我也无法得到我想要的，而且我添加的属性似乎对图形没有任何影响。。。

categoryAxis.renderer.labels.template.events.on("hit", function(event){
     window.location.href = event.target.dataItem.dataContext.url;
})