HighCharts 从图例中隐藏系列名称

Posted 2023-02-16

【中文标题】HighCharts 从图例中隐藏系列名称

【英文标题】：HighCharts Hide Series Name from the Legend

【发布时间】：2012-03-17 18:33:15

【问题描述】：

我尝试多次解决这个问题并放弃。现在，当我再次见到他时，我决定寻求一些帮助。

我的 Legend 有这个代码：

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' 更改为 ''，文本不会显示，但图例顶部仍然有一个 'dash'。如果我不使用标签格式器功能，我将拥有“系列 1”+“破折号”，就像我图例中的第一行一样。如何隐藏它们？

请注意我的版本是：Highcharts-2.0.5

这是我的图例和我要删除的破折号的简单视图：

【参考方案1】：

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

示例：

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

您可以在这里获得其他选择。

legend options

other chart options

【讨论】：

使用“showInLegend: false”确实解决了我的问题。我想知道这个选项是否只隐藏系列名称，因为图例仍在显示数据（如我所愿）。

假设如果启用了这些选项，那么它将给出清晰的视图，因此默认情况下它们是启用的。如果不需要他们删除它。这就是你在这里所做的。

【参考方案2】：

将 showInLegend 设置为 false。

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

【参考方案3】：

看起来 HighChart 2.2.0 已经解决了这个问题。我用与你相同的代码尝试了here，现在第一个系列被隐藏了。你能用 HighChart 2.2.0 试试吗？

【参考方案4】：

showInLegend 是一个系列特定选项，可以从图例中隐藏系列。如果要求完全隐藏图例，则最好使用enabled: false 属性，如下所示：

legend: enabled: false

更多关于legend的信息是here

【参考方案5】：

将 return 'Legend' 替换为 return ''