Highcharts:限制标记数量

时间:2013-08-13 08:13:19

标签: javascript highcharts

我正在使用Highcharts在相当小的空间here's a demo中显示包含大量点数的数据系列。当在每个点上显示数据点标记时,图形非常混乱且难以阅读。您可以通过更改

完全删除标记
    plotOptions: {
        line: {
            marker: {
                enabled: true
            }  
        }
    }

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

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

4 个答案:

答案 0 :(得分:1)

AFAIK你可以禁用每个点的标记,但你必须提供数据作为对象,这可能会有大量的问题:

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

文档here(参见第三项)。

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

使用:

xAxis: {
    tickInterval: 5, 
....

答案 3 :(得分:-1)

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

xAxis: { max: 100, min: 50 }

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