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:
This question is related to
javascript
hide
highcharts
legend
series
Set showInLegend to false.
series: [{
showInLegend: false,
name: 'Series',
data: value
}]
Replace return 'Legend' by return ''
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
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?
Source: Stackoverflow.com