如何在Navigator中禁用数据标签

时间:2014-07-11 06:38:20

标签: jquery highcharts highstock

在我的系列中,我有一个数据标签。标签也显示在导航器中。是否可以在导航器中禁用数据标签?

我尝试了这个,但它不起作用:

navigator: {
    series: {
        dataLabels: {
            enabled: false
        }   
    }
},

这是我的JSFiddle:http://jsfiddle.net/Charissima/r56SP/1/

    series: [{
        name: 'mySeries',
            id : 'dataseries',
            color: 'blue',
            data:
            [   [1402351000000, 0.03], [1402392000000, 0.06], [1402398000000, 0.07],
                {   x: 1402401000000, y: 0.02,
                    dataLabels: {
                        enabled: true,
                        padding: -17,
                    }
                },
                [1402401600000, 0.07], [1402478400000, 0.08],
                [1402910400000, 0.05], [1402910450000, 0.04]
            ]   
    }]
});

1 个答案:

答案 0 :(得分:0)

简单的解决方案是使用dataLabels.formatter,并仅显示顶级系列dataLabels,例如:http://jsfiddle.net/r56SP/5/

        dataLabels: {
            formatter: function() {
                if(this.series.xAxis.userOptions.id == "navigator-x-axis") {
                     return false;   
                }
                return this.y;    
            }
        }

关于问题root:navigator从第一个系列中获取数据的精确副本。所以所有的点都被复制了。另一种解决方法是为导航器设置单独的数据(点),如docs