我有像这样的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 /
我找到了解决方案。代码没问题,在目标中我可以找到数据项,但只有当我将光标放在数据上时它们才会显示。页面加载时会出现 undefined