在两行apexcharts中显示数据表

var data = [
  ['Name', 'Age', 'Country'],
  ['John', 25, 'USA'],
  ['Jane', 30, 'Canada'],
  ['David', 35, 'UK']
];

<div id="header"></div>
<div id="data"></div>

var options = {
  chart: {
    type: 'bar',
    height: 100
  },
  series: [{
    name: 'Header',
    data: data[0].slice(1)
  }],
  xaxis: {
    categories: data[0].slice(1)
  }
};

var chart = new ApexCharts(document.querySelector("#header"), options);
chart.render();

var options = {
  data: {
    rows: data.slice(1)
  },
  columns: data[0].map(function (value, index) {
    return {
      title: value,
      data: index
    };
  })
};

var table = new Tabulator(document.querySelector("#data"), options);
table.render();