Javascript 动态工具提示文字图表

我有一个用amCharts制作的甘特图，效果很好。 如下所示，我从ColumnSeries中设置了TooltipText

var series1 = chart.series.push(new am4charts.ColumnSeries());
series1.columns.template.width = am4core.percent(80);
series1.columns.template.tooltipText = "Load nº: {Load}\nStart: {openDateX}\nEnd: {dateX}\nType: {PartType}";

这部分没问题。但现在我需要根据规则动态更改TooltipText。我阅读了关于适配器的文档，并编写了这段代码

series1.columns.template.adapter.add('getTooltipText', function(text, target) {
    var data = target.tooltipDataItem.dataContext;
    if (data.Load != null )
       return "Load nº: {data.Load}\nStart: {data.openDateX}\nEnd: {data.dateX}\nType: {data.PartType}";
    else
        return "Start: {data.openDateX}\nEnd: {data.dateX}";
});

但是这个代码不起作用。 工具提示不再显示。我做错了什么？有人能帮我吗？

非常接近

如果你看过的话

对于您的专栏，只需使用

tooltipText

即可，因此请尝试以下方法：

series1.columns.template.adapter.add（'tooltipText'，函数（文本，目标）{
var data=target.tooltipDataItem.dataContext；
if（data.Load！=null）
返回“Load n:{Load}\nStart:{openDateX}\nEnd:{dateX}\nType:{PartType}”；
其他的
返回“Start:{openDateX}\nEnd:{dateX}”；
});

还要注意，我没有通过

data.fieldName

嵌套上面的数据，只是

fieldName

在下面的演示中，我使用以下方法：

series.columns.template.adapter.add（'tooltipText'，函数（文本，目标）{
var data=target.tooltipDataItem.dataContext；
if（data.Load！=null）
返回“加载编号：{categoryX}:[粗体]{valueY}[/]”；
其他的
返回“Start:{categoryX}:[粗体]{valueY}[/]”；
});

演示：

这也适用于图表光标（

am4charts.XYCursor

）