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

dis*_*ney 3 amcharts

无法弄清楚如何更改工具提示的文本颜色。对于我的柱状图,我试过:

 series.tooltip.label.fill = am4core.color("#FFFFFF");
Run Code Online (Sandbox Code Playgroud)

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

Dar*_*son 7

工具提示标签获得与工具提示背景形成对比的计算颜色。您需要设置autoTextColorfalse以填充颜色生效。

series.tooltip.autoTextColor = false;
series.tooltip.label.fill = am4core.color("#FFFFFF");
Run Code Online (Sandbox Code Playgroud)

这同样适用于饼图。

您可以创建自己的主题,但这可能超出您的需要。

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

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");
    }
});
Run Code Online (Sandbox Code Playgroud)