当值右对齐时,Amcharts4 图例标签不会被截断

Posted

技术标签:

【中文标题】当值右对齐时,Amcharts4 图例标签不会被截断【英文标题】:Amcharts4 legend label not truncated when value is right aligned 【发布时间】:2020-07-23 10:05:36 【问题描述】:

我正在创建一个底部带有图例的饼图。我添加了配置以通过传递来截断图例标签

chart.legend.labels.template.maxWidth = 120;
chart.legend.labels.template.truncate = true;

在我尝试通过传递右对齐值之前工作正常

chart.legend.valueLabels.template.align = "right";

添加后,标签不会被截断并占据整个宽度。

任何有关如何实现截断和使值向右对齐的帮助将不胜感激。我也找不到任何adapter 方法来覆盖标签。如果是这样,我可以在某些字符后剥离标签并返回。

这是上述问题的codepen demo。

【问题讨论】:

您的 codepen 链接显示标签被截断,不是吗? amcharts 团队已经解决了这个问题,因此 codepen 中的标签看起来被截断了。 【参考方案1】:

这是 amcharts 团队承认的issue,后来修复了。

【讨论】:

以上是关于当值右对齐时,Amcharts4 图例标签不会被截断的主要内容,如果未能解决你的问题,请参考以下文章

剑道图表图例:左边的标签,右边的颜色

将关键点图例和标签对齐到图例框的右侧,在ggplot2中

R语言ggplot2可视化:ggplot2可视化分组箱图,将可视化图像的图例(legend)放置在图像右上方并右对齐其中图例信息水平平铺​ (position legend top right)

如何在 amcharts 图例中应用水平对齐?

如何在 pre 标签内右对齐内部元素

form中label标签对齐,内容右对齐