@dgw的答案是不正确的。
这是可能的：你可以设置使用HTML标志并添加你自己的CSS样式。
See this answer

虽然@dgw声明x轴没有backgroundColor属性在技术上是正确的，但您可以使用其他方法来实现此效果。

• Highcharts.js - Background color of axis only：这篇文章中接受的答案展示了如何使用renderer.rect()函数在图表底部x轴标签后面绘制一个彩色框。
• How to format column chart data labels：我在这篇文章中的答案显示了如何绘制一个类似的矩形，但基于图表的当前尺寸与固定值。
• Highchart: Background color of Axis：这篇文章中的答案，被@dyingangel666引用，也展示了如何为x轴中的某些间隔设置背景。我用@Mark的答案作为我自己解决方案的灵感。

我希望这些资源对遇到这个问题的人有帮助。

xAxis: {
        labels: {
            useHTML: true,
            formatter: function () {
                return '<span class="xaxis-label">' + (this.value).toFixed(2) + '</span>';
            }
            
        }
    }

然后在css文件中

.xaxis-label {
background-color: #fff;
padding: 0px 5px;
font-size: 15px;
}

很管用。

我认为这个问题的答案可能有点棘手，但这里是我遵循的步骤来修复它。
将图表背景设置为您希望xAxis和yAxis具有的颜色

chart: {
      backgroundColor: '#eee',
         },

然后将一个多边形系列分配到具有所需图表背景的最大y和x轴的图表中

series: [
                    {
                        name: 'Extremely Bad',
                        type: 'polygon',
                        color: '#fff', // desired background for plot area
                        zIndex: 0,
                         data: []
                    },
                    {
                    name: '',
                    type: 'scatter',  // desired series
                    data: [],

                   }]

并将z索引添加到xAxis和y轴以显示网格线

在标签对象中仅使用useHtml：true { useHTML：true，formatter（瓦尔：const category = props？.xAxis？.categories;

const findedItem = category.find(
            (item: any) => item.count === val.value
          );

          
          return `<span
          style="
          padding:2px 4px;
          color: #fff;
          background: #000"

        >
          ${val.value ? formatPrice(val.value) : 0}
        </span>`;
        },
      }
}

不能。xAxis对象没有backgroundColor属性。