时间戳

首页 > 解决方案 > Amchart：垂直轴堆栈图中的标签名称

javascript - Amchart：垂直轴堆栈图中的标签名称

问题描述

Vertical Stack Axes Chart 的代码清楚地记录在这里。

所以我不会重写代码。

如此屏幕截图所示，我试图将标签放入每个堆栈，但无济于事。请帮忙。

带有标签名称的垂直轴堆栈

标签： javascripthtmlamchartsamcharts4

解决方案

您需要将标签添加到 value axis renderer.gridContainer，设置它们isMeasured = false，使其脱离布局流程并且不会干扰其他任何内容。您必须摆弄布局以使其居中，但这是一个示例：

var title = valueAxis.renderer.gridContainer.createChild(am4core.Label);
title.text =  "[bold]Price";
title.fill = series.fill;
title.isMeasured = false;
title.y = 8;
title.x = am4core.percent(50);
title.align = "center";
title.textAlign = "middle";

演示：

https://codepen.io/team/amcharts/pen/3ee9e8c1b01cc6ce4cd8ffe275b18907

推荐阅读