高图表条形图 - 标签未显示在条形图中

Highcharts Bar Chart - Labels Not Appearing in Bar

本文关键字:条形图 显示 标签 高图表      更新时间:2023-09-26

我一直在玩一个高图表条形图,注意到一些奇怪的行为。 如果我在 x 轴(类别)中有一个长名称,并且如果我启用了标签以显示在条形上,则不会显示所有标签。 如果我删除长 x 轴名称,那么之前没有出现在栏上的标签会突然出现。 我这里有一个有效的 Jsfiddle 示例:

https://jsfiddle.net/p55t0bmf/(其中一个条没有出现通知标签,应该说 5,但什么都没有)

我在类别部分放置了一个长名称来触发此行为:

xAxis: {
        categories: ["LONG NAME THAT WILL BREAK US"] 
       }

谁知道为什么会发生这种情况,有没有办法修复这种行为(当然不用求助于短 x 轴名称)?

allowOverlap设置为 true。当 xAxis 标签较长时,水平空间较小。标签具有填充,可以重叠并隐藏其中一些标签。无论如何,您的演示在有或没有长 xAxis 类别的情况下以完全相同的方式为我工作。

所有标签的演示:https://jsfiddle.net/p55t0bmf/1/

stacking选项会导致此问题。如果设置了堆叠,则高图表会自动更改标签不透明度。

解决方案:如果您不需要或编写 css 来覆盖标签不透明度,请从图表中删除堆叠选项。