首页 > 解决方案 > 确保显示值标签

问题描述

我想将值标签保留在我的amChart图表之外。问题是当值标签值结束时9999,我无法显示它的所有内容。

在此处输入图像描述

在此示例中,值应为:

第一个数字丢失。我只通过设置面板的边距来处理这个问题

"panelsSettings": {
                "marginLeft": 40,
                "marginRight": 20,
            },

有没有更方便的方法来确保标签合适?硬编码边距似乎是矫枉过正。

这是我的示例图表:https ://jsfiddle.net/29w35txy/1/

标签: amcharts

解决方案


正如我在上面的评论中提到的,这个问题似乎取决于默认的浏览器字体。

所以它在 Chrome 中工作(左),但对我来说在 Firefox(右)中不起作用:

在此处输入图像描述 在此处输入图像描述

除此之外,您可以通过增加marginLeftpanelsSettings已经使用的来防止这种情况:

"panelsSettings": {
    "marginLeft": 60,
    // ...
},

在这里,我分叉了你的小提琴以显示结果。


推荐阅读