Screen Charts: Hide the bottom line of the x-axis line

Question

I use Highcharts for one of my stock projects. Everything is in order, except that I could not hide the bottom line of the grid along the x axis, as shown in the attached image.

Updates: here is the fiddle link

I have the following properties in my javascript:

xAxis: {
            type: 'datetime',
            maxZoom: 30 * 24 * 3600000,
            tickInterval: 24 * 3600 * 1000,
            tickLength: 0,
            dateTimeLabelFormats: {
                day: '%e'
            },
            labels: {
                y: 24,
                style: {
                    fontSize: '1.6em',
                    fontWeight: 'normal',
                    fontFamily: 'standardCondensed',
                    color: '#bcbdbd'
                }
            },
            plotLines : [{
                value : (function() {
                        // To Do ...
                    })(),
                color : '#39484d',
                dashStyle : 'solid',
                width : 32,
                label : {
                    text : ''
                }

            }]
        },
        yAxis: {
                title: {
                text:   ''
            },
            opposite: true,
            min: 0,
            plotLines: [{
                value: 0,
                width: 1,
                color:  '#808080'
            }],
            labels: {
                format: '${value}',
                y: 20,
                style: {
                    fontSize: '2em',
                    fontWeight: 'normal',
                    fontFamily: 'standardCondensed',
                    color: '#bcbdbd'
                }
            }
        },

Is there a way to hide this line, but display the monthly numbers below?

Answer 1

Here is the fiddle with your solution. You had to add:

            lineColor: 'transparent',

Each axis.