Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts:限制标记的数量_Javascript_Highcharts - Fatal编程技术网

Javascript Highcharts:限制标记的数量

Javascript Highcharts:限制标记的数量,javascript,highcharts,Javascript,Highcharts,我使用Highcharts来显示一个数据系列,它在一个相当小的空间中包含大量的点。当数据点标记显示在每个点上时,图形非常混乱且难以读取。通过更改,可以完全删除标记 plotOptions: { line: { marker: { enabled: true } } } 到 但我想在这两个极端之间做点什么。是否有办法指定应显示的最大标记数,例如20个。我并不特别关心

我使用Highcharts来显示一个数据系列,它在一个相当小的空间中包含大量的点。当数据点标记显示在每个点上时,图形非常混乱且难以读取。通过更改,可以完全删除标记

    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, 
....