如何用highchart在柱状图中隐藏列后填充空格？

// 引入Highcharts库
import Highcharts from 'highcharts';

// 定义数据
const data = [
  ['Category 1', 10, 20, 30],
  ['Category 2', 15, 25, 35],
  ['Category 3', 12, 18, 28]
];

// 创建柱状图实例
const chart = Highcharts.chart('container', {
  chart: {
    type: 'column'
  },
  title: {
    text: '柱状图'
  },
  xAxis: {
    categories: ['Category 1', 'Category 2', 'Category 3']
  },
  yAxis: {
    title: {
      text: '值'
    }
  },
  series: [{
    name: '列1',
    data: [10, 15, 12]
  }, {
    name: '列2',
    data: [20, 25, 18],
    visible: false // 隐藏第二列
  }, {
    name: '列3',
    data: [30, 35, 28]
  }]
});

// 填充空格
chart.series[1].data[2] = null; // 在第二列的第三个数据点处创建一个空格