HighCharts Hide Series Name from the Legend

Question

I try to solve this problem several times and give up. Now, when I have met him again, I decided to ask for some help.

I have this code for my 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';
        }
    }
}

If I change the return from 'Legend' to '' the text is not shown but still there is a 'dash' on the top of the legend. If I do not use label formater function I have 'Series 1' + 'dash' like a first row in my legend. How to hide them?

Please, note my version is : Highcharts-2.0.5

This is a simple view of my legend and the dash I want to remove:

score 239 · Accepted Answer · edited Jun 19 '19 at 21:03

239

If you don't want to show the series names in the legend you can disable them by setting showInLegend:false.

example:

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

You get other options here.

edited Jun 19 '19 at 21:03

MrGood

545
5
21

answered Apr 10 '12 at 10:15

vkGunasekaran

6,668
7
50
59

using "showInLegend: false" really fixed my problem. I wonder if this options only hides the series name, because the legend is still displaying the data (as I want). – gotqn Apr 12 '12 at 05:35
Assuming if these options are enabled then it'll give a clear view, so they're enabled by default. if don't need them remove it. that's what you've done here. – vkGunasekaran Apr 12 '12 at 06:48

score 23 · Answer 2 · answered Feb 18 '16 at 13:43

23

Set showInLegend to false.

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

answered Feb 18 '16 at 13:43

Milan

3,005
1
24
26

score 8 · Answer 3 · answered Apr 15 '20 at 07:34

showInLegend is a series-specific option that can hide the series from the legend. If the requirement is to hide the legends completely then it is better to use enabled: false property as shown below:

legend: { enabled: false }

More information about legend is here

score 6 · Answer 4 · answered Feb 29 '12 at 15:52

6

Looks like HighChart 2.2.0 has resolved this issue. I tried it here with the same code you have, and the first series is hidden now. Could you try it with HighChart 2.2.0?

answered Feb 29 '12 at 15:52

zhongxiao37

977
8
17

score 1 · Answer 5 · answered Oct 02 '14 at 18:26

1

Replace return 'Legend' by return ''

answered Oct 02 '14 at 18:26

Fouad

19
1

HighCharts Hide Series Name from the Legend

5 Answers5

Linked