Highcharts：限制标记数量答案

【问题标题】：Highcharts: limit number of markersHighcharts：限制标记数量
【发布时间】：2016-10-11 22:31:25
【问题描述】：

我正在使用 Highcharts 在一个相当小的空间内显示一个包含大量点的数据系列，here's a demo。当每个点上都显示数据点标记时，图表会非常混乱且难以阅读。您可以通过更改完全删除标记p>

    plotOptions: {
        line: {
            marker: {
                enabled: true
            }  
        }
    }

到

    plotOptions: {
        line: {
            marker: {
                enabled: false
            }  
        }
    }

但我想在这两个极端之间做点什么。有没有办法指定应该显示的最大标记数，例如20.我并不特别关心标记了哪20个点，但显然标记点应该选择使得标记间隔均匀。

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

AFAIK 您可以禁用每个点的标记，但您必须将数据作为对象提供，这可能会导致大量点出现问题：

series: [{
    data: [
        { y: 29.9 },
        { y: 71.5, marker: { enabled: false } },
        { y: 106.4, marker: { enabled: false } },
        { y: 129.2 }]
    }]

文档here（见第三项）。

【讨论】：

【解决方案2】：

我建议查看允许对数据进行分组的 Highstock。

http://api.highcharts.com/highstock#plotOptions.series.dataGrouping

【讨论】：

【解决方案3】：

用途：

xAxis: {
    tickInterval: 5, 
....

【讨论】：

【解决方案4】：

您可以通过将最小和最大范围设置为xAxis来减少标记：

xAxis: { max: 100, min: 50 }

演示：http://jsfiddle.net/jhG8j/7/

【讨论】：

但是这会从图表中完全排除这个范围之外的所有数据，我只是想减少标记的点数
@Don 您必须通过设置enabled 属性来单独控制标记（请参阅@ssarabando 的答案）。否则，使用max 和min 属性来“缩放”图表以减少内容视图中的标记。