AM Charts - 更改工具提示文本的颜色

Posted 2023-05-07

【中文标题】AM Charts - 更改工具提示文本的颜色

【英文标题】：AM Charts - Changing the colour of tooltip text

【发布时间】：2019-05-29 11:49:20

【问题描述】：

不知道如何更改工具提示的文本颜色。对于我尝试的柱形图：

 series.tooltip.label.fill = am4core.color("#FFFFFF");

但它不起作用。也好奇我是如何为饼图做的？是否有一个地方可以更新以影响所有图表类型，还是需要单独处理每个地方？

【参考方案1】：

工具提示标签获得与工具提示背景形成对比的计算颜色。您需要将autoTextColor 设置为false 才能使填充颜色生效。

series.tooltip.autoTextColor = false;
series.tooltip.label.fill = am4core.color("#FFFFFF");

饼图也是如此。

您可以create your own theme 但这可能超出您的需要。

您可以使用多个主题，这允许您使用一个默认主题，然后覆盖您需要的主题：

am4core.useTheme(am4themes_animated);

am4core.useTheme(function customTheme (object) 
    // Identify the instances
    if (object instanceof am4core.Tooltip && object.label) 
        object.autoTextColor = false;
        object.label.fill = am4core.color("#FFFFFF");
    
);

【参考方案2】：

经过长时间的搜索，我得到了下面的代码行作为成功行

pieSeries.labels.template.fill = am4core.color("white");

【参考方案3】：

如果您使用轴范围，我已经添加了上面的代码行，您可以使用它但是我可以看到您的问题，请查看下面的代码行将解决您的问题

series.tooltip.getFillFromObject = false;
series.tooltip.label.propertyFields.fill = "color";
series.tooltip.background.propertyFields.stroke = "color";

https://www.amcharts.com/docs/v4/concepts/tooltips/