javascript - 使用 dataContext 在 Gantt Amcharts 中显示信息

Question

我正在尝试解决 dataContext 在最近发布的 Gantt charts 中的使用.
我想要显示一些额外的信息/当用户点击一个栏时触发一个事件。我看到了如何用序列图完成它，但我无法让它适用于我的甘特图。

我有:

chart.addListener("clickGraphItem", function (event) {
    console.log(event.item.dataContext.property);  
});

我的数据提供者是这样的:

"dataProvider": [ {
    "category": "John",
    "property": 122,
    "segments": [ {
        "start": 7,
        "duration": 2,
        "color": "#7B742C",
        "task": "Task #1"
    }, {
        "duration": 2,
        "color": "#7E585F",
        "task": "Task #2"
    }, {
        "duration": 2,
        "color": "#CF794A",
        "task": "Task #3"
    } ]
}];

输出总是“未定义”，我一定是遗漏了什么。我在这个 jsfiddle 中粘贴了我的代码:http://jsfiddle.net/tholz/ah0kcxjn/1/ ,这是从 Amcharts 站点的甘特图演示中获取的示例。

有什么建议吗？

Answer 1

我们为 GaugeBand 添加了 url 属性，它允许在带上添加链接，还为 GaugeAxis 添加了 rollOverBand/rollOutBand/clickBand 事件。 (版本 3.14.5)