高图表条形图 - 标签未显示在条形图中
Highcharts Bar Chart - Labels Not Appearing in Bar
我一直在玩一个高图表条形图,注意到一些奇怪的行为。 如果我在 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 来覆盖标签不透明度,请从图表中删除堆叠选项。
相关文章:
- D3.js条形图未显示
- 如何在堆积条形图中显示值的总和
- D3.js条形图:不显示 .text
- 如何在选中复选框时显示条形图
- 如何创建一个可以调用的函数,以使用JQplot显示多个条形图
- 谷歌条形图无法显示浮点数
- Highcharts 单个水平堆叠条形图,始终显示数据名称(标签)和 %-年龄,并在鼠标悬停时显示数据编号和系列名称
- D3.js条形图 - 在图例单击时显示/隐藏条形.如何正确过滤
- D3:如何在条形图中仅显示6项中的前3项
- 不显示简单的 d3 条形图
- d3.js - 条形图不会以比例显示
- 如何使用 javascript 突出显示 jqplot 条形图
- 自定义突出显示以绘制堆积条形图
- 在堆叠条形图上显示标签
- 为什么 D3 折线图和条形图显示在同一时间
- 单击折线图中的单个点但不单击条形图中单个条形时显示的引导模式
- 在高图表水平条形图中显示所有标签
- D3 条形图 - 为什么标签不显示
- 如何使用flot使对话框显示在条形图的中心
- 谷歌条形图显示日问题