HighCharts 隐藏图例中的系列名称

93

我曾尝试多次解决这个问题,但最终放弃了。现在,当我再次遇到它时,我决定寻求帮助。

我有一个用于我的图例的代码:

legend:
{
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'top',
    x: -10,
    y: 100,
    borderWidth: 0,
    
    
    
    labelFormatter: function() 
    {
        if(this.name!='Series 1')
        {
            return this.name;
        }
        else
        {
            return 'Legend';
        }
    }
}

如果我将返回值从“Legend”更改为“”,则文本不会显示,但仍然在图例顶部有一个“破折号”。如果我不使用标签格式化函数,则我的图例中有“Series 1”+“破折号”作为第一行。如何隐藏它们?
请注意,我的版本是:Highcharts-2.0.5
这是我图例的简单视图和我想要删除的破折号:

Sample Image

5个回答

240

如果您不想在图例中显示系列名称,可以通过设置showInLegend:false来禁用它们。

示例:

series: [{
   showInLegend: false,             
   name: "<b><?php echo $title; ?></b>",
   data: [<?php echo $yaxis; ?>],
}]

您可以在这里获取其他选项。


使用 "showInLegend: false" 真正解决了我的问题。我想知道这个选项是否只隐藏了系列名称,因为图例仍然显示了数据(正如我所希望的)。 - gotqn
假设这些选项已启用,则会提供清晰的视图,因此它们默认情况下是启用的。如果不需要它们,请将其删除。这就是你在这里所做的。 - vkGunasekaran

23

将showInLegend设置为false。

series: [{
            showInLegend: false,
            name: 'Series',
            data: value                
        }]

8

showInLegend 是一个特定于系列的选项,可将该系列从图例中隐藏。如果要完全隐藏图例,则最好使用下面所示的 enabled:false 属性:

legend: { enabled: false }

有关 legend 的更多信息,请参见 此处


6

看起来 HighChart 2.2.0 已经解决了这个问题。我在这里尝试了你提供的相同代码,第一系列现在已经被隐藏了。你可以尝试使用 HighChart 2.2.0 吗?


1

将 return 'Legend' 替换为 return ''


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接