Hide axis and gridlines Highcharts

Just add xAxis: { … lineWidth: 0, minorGridLineWidth: 0, lineColor: ‘transparent’, … labels: { enabled: false }, minorTickLength: 0, tickLength: 0 } to the xAxis definition. Since Version 4.1.9 you can simply use the axis attribute visible: xAxis: { visible: false, }

How can I get access to a Highcharts chart through a DOM-Container?

Highcharts 3.0.1 Users can use the highcharts plugin var chart=$(“#container”).highcharts(); Highcharts 2.3.4 Read from the Highcharts.charts array, for version 2.3.4 and later, the index of the chart can be found from the data on the <div> var index=$(“#container”).data(‘highchartsChart’); var chart=Highcharts.charts[index]; All versions Track charts in a global object/map by container id var window.charts={}; function foo(){ … Read more

How to create a column range chart in Highcharts using range and navigator functions?

So after a few hours of digging, I have just found out the culprit (or I really hope so). The problem is your definition of yAxis label formatter: yAxis: { tickInterval: 1, gridLineWidth: 1, labels: { formatter: function() { // THIS IS THE PROBLEM if (tasks[this.value]) { return tasks[this.value].name; } } }, startOnTick: false, endOnTick: … Read more

Is there a way to disable the Title and Subtitle in Highcharts?

Setting the title text to an empty string is the way to do it. No space is created for the title in that case: without text: http://jsfiddle.net/jlbriggs/JVNjs/284/ with text: http://jsfiddle.net/jlbriggs/JVNjs/286/ title:{ text:” } If you want less space than is left in that case, simply set your ‘marginTop’ to 0 {{edit due to numerous comments: … Read more