CODEWITHSUNDEEP
javascriptjquerysvgchartshighcharts
hotshotiguana
hotshotiguana

Reputation: 1570

Highcharts Line Chart with Only x-axis

I've recently made the switch to Highcharts, for easy compatibility with IE8, and have been updating past projects because of the simplicity, but I have run into a minor hurdle.

In one project the last SVG element remaining is a single x-axis without any accompanying chart (see below). Is it possible to show only an x-axis in Highcharts without any accompanying series or y-axis? Or if not, is there a way to create this type of design as a DIV?

SVG x-axis

Upvotes: 1

Views: 1388

Answers (2)

Paweł Fus
Paweł Fus

Reputation: 45079

Yes, you can display just xAxis. Don't add any of series, but set xAxis.min and xAxis.max. Demo: http://jsfiddle.net/m4r1qttL/6/

Now just disable titles, legend etc.

Upvotes: 2

void
void

Reputation: 36703

Just add

yAxis: {
   ...  
   lineWidth: 0,
   minorGridLineWidth: 0,
   lineColor: 'transparent',
   ...          
   labels: {
       enabled: false
   },
   minorTickLength: 0,
   tickLength: 0
}

To the axis definition

Upvotes: 0

Related Questions