AMcharts 5 将数据添加到工具提示

问题描述 投票:0回答:1

我有像这样的xAxis和xRenderer:

let xRenderer = amChartXY.AxisRendererX.new(root, {minGridDistance: 30});
            xRenderer.labels.template.setAll({
                rotation: -45,
                oversizedBehavior: "truncate",
                maxWidth: 130,
                ellipsis: "...",
                fontSize: 12,
                fontWeight: "400",
                centerY: amChart.p50,
                centerX: amChart.p100,
                spaddingRight: 15,
                tooltipText: "{category}",
            });

            let xAxis = chart.xAxes.push(amChartXY.CategoryAxis.new(root, {
                maxDeviation: 0.6,
                categoryField: "name",
                renderer: xRenderer,
                tooltip: amChart.Tooltip.new(root, {})
            }));

就像你看到的,我在 X 轴上有工具提示,其类别等于“名称”。我想在此工具提示中添加一些内容。每个带有数据的对象都有不同的字符串要添加。我们假设这是他的工作。例如,现在我的工具提示看起来只是名称,我希望看起来像“名称+工作”,其中每个数据都有不同的工作。

我怎样才能得到它?

我在网上找到了示例:

let xTooltip = xAxis.get("tooltip");

            xTooltip.label.adapters.add("text", function(text, target) {
                return text + " TEST";
            });

但文本始终是“{category}”。我还发现数据位于 XRenderer.grid.dataItems (或类似的东西)中,当然也在我的数组中。

我也发现了类似的东西,但我不知道如何在我的情况下使用它:https://www.amcharts.com/docs/v5/tutorials/additional-axis-tooltip-to-display-totals /

javascript tooltip amcharts amcharts5
1个回答
0
投票

我找到了解决方案。代码没问题,在目标中我可以找到数据项,但只有当我将光标放在数据上时它们才会显示。页面加载时会出现 undefined

© www.soinside.com 2019 - 2024. All rights reserved.