【发布时间】:2015-08-07 20:20:29
【问题描述】:
我有一个散点图,它在某些元素上使用 dataLabels 来快速显示有关该项目的信息。
这是图表定义:
chart: {
type: 'scatter',
height: 700
},
series: [
{
data: [
{ marker: { enabled: true }, x: 1, y: 18
, dataLabels: { enabled: true, formatter: function () { return '1.0.0.1197'; } }
},
{ marker: { enabled: true }, x: 1, y: 16
, dataLabels: { enabled: true, formatter: function () { return '1.0.0.1212'; } }
},
{ marker: { enabled: true }, x: 1, y: 15
, dataLabels: { enabled: true, formatter: function () { return '1.0.0.1213'; } }
},
{ marker: { enabled: true }, x: 1, y: 0
, dataLabels: { enabled: true, formatter: function () { return '1.0.0.1197'; } }
}
]
}
]
};
查看https://jsfiddle.net/centic/gy4p6ej1/5/ 了解实时结果,它不显示 1.0.0.1213 的 dataLabel。
如果我将图表高度设置得更高,它会开始显示标签,但我想强制 highcharts 显示我定义的所有标签,即使它们重叠并与当前高度重叠,因为可能会有更多数据- 将来会添加积分。
我已经尝试过一些设置,例如 allowOverlap、crop 等,但它们都没有任何作用!
【问题讨论】:
-
这里是更新后的代码:jsfiddle.net/gy4p6ej1/7
-
您可以尝试将padding设置为0。
标签: javascript charts highcharts overlap