Javascript Highcharts:限制标记的数量
我使用Highcharts来显示一个数据系列,它在一个相当小的空间中包含大量的点。当数据点标记显示在每个点上时,图形非常混乱且难以读取。通过更改,可以完全删除标记Javascript Highcharts:限制标记的数量,javascript,highcharts,Javascript,Highcharts,我使用Highcharts来显示一个数据系列,它在一个相当小的空间中包含大量的点。当数据点标记显示在每个点上时,图形非常混乱且难以读取。通过更改,可以完全删除标记 plotOptions: { line: { marker: { enabled: true } } } 到 但我想在这两个极端之间做点什么。是否有办法指定应显示的最大标记数,例如20个。我并不特别关心
plotOptions: {
line: {
marker: {
enabled: true
}
}
}
到
但我想在这两个极端之间做点什么。是否有办法指定应显示的最大标记数,例如20个。我并不特别关心标记了哪20个点,但显然,标记点的选择应确保标记的间距均匀。a好的,您可以禁用每个点的标记,但您必须以对象的形式提供数据,这对于大量的点可能会有问题:
series: [{
data: [
{ y: 29.9 },
{ y: 71.5, marker: { enabled: false } },
{ y: 106.4, marker: { enabled: false } },
{ y: 129.2 }]
}]
文档(参见第三项)。您可以通过将最小和最大范围设置为
xAxis来减少标记:
xAxis:{
最高:100,
最低:50
}
演示:我建议看一下Highstock,它允许对数据进行分组
使用:
xAxis: {
tickInterval: 5,
....
但这将完全从图中排除此范围之外的所有数据,我只想减少marked@Don您必须通过串联设置enabled
属性来单独控制标记(请参见@ssarabando的答案)。否则,请使用max
和min
属性“缩放”图表以减少内容视图中的标记。
xAxis: {
tickInterval: 5,
....