Highcharts.js - Background color only axis

Question

Thank you in advance for your time and help.

I use highcharts and you need to set the background color only on the x and y axis. See Attached:

So, I need to set the background color on the x axis, which is different from the dark gray graph (right now they are obviously the same)

Does anyone know if this is possible, and if so, how to do it? I went through the high-performance API Highstock API , but could not find anything specifically for this.

Thanks again for your time and help!

Rich

Answer 1

Have you tried:

rendered a rectangle and positioned it to the bottom of the graph. 

 chart.renderer.rect(0/*position on X-axis*/, 275/*position on Y-axis*/, 680/*width*/ , 25/*height*/, 00) .attr({ 'stroke-width': 0, stroke: '#888888', fill: '#888888', zIndex: 3 }) .add(); 

Read more: highchart renderer

x-asis doesn't have backgroundColor Set the background color for HighChart xAxis shortcuts

I hope for this help.