【问题标题】:HighCharts Hide Series Name from the LegendHighCharts 从图例中隐藏系列名称
【发布时间】: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

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

【问题讨论】:

    标签: javascript hide highcharts legend series


    【解决方案1】:

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

    示例:

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

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

    【讨论】:

    • 使用“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 ''

          【讨论】:

            猜你喜欢
            • 2019-09-24
            • 2013-08-14
            • 2012-02-11
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多