User3250
User3250

Reputation: 3421

Hide the line chart inside the Highstocks Scrollbar

I have requirement wherein I need to hide the chart inside the HighStock Scrollbar in my angular 6 app.

ScrollBar with Line Chart

I have gone through the docs here but none of the options suits me for my particular case.

Any help would be appreciated. Thanks.

Upvotes: 0

Views: 239

Answers (3)

User3250
User3250

Reputation: 3421

I needed to hide the line chart inside the navigator, not the complete navigation functionality. Hence navigator{enabled:false} wasn't what I was looking for. Below work around did the job for me:

navigator: {
   series:{
      lineWidth:0,
      fillOpacity:0
   }
}

Upvotes: 0

raf18seb
raf18seb

Reputation: 2146

If you want to hide only line plot, you can just simply do it in CSS:

.highcharts-navigator-series {
  display: none;
}

jsFiddle

If you want to hide whole navigator, you can set navigator.enabled property to false:

navigator: {
  enabled: false
},

jsFiddle

navigator.enabled

Upvotes: 2

wergeld
wergeld

Reputation: 14462

That is the navigator series. You can disable it via:

navigator: {
    enabled: false
},

Upvotes: 0

Related Questions