高图热图（按列）

Question

我正在根据图表绘制热图，该图显示了多个投资组合对不同资产类别的分配。 y轴包含资产类别，x轴包含投资组合（1-20）。

我构建的热图非常类似于此演示中的热图：https://www.highcharts.com/demo/heatmap。我想做的基本上是为每个列（或每个投资组合）构造一个热图。高图可能吗？

我目前正在使用以下代码构建热图：

  Highcharts.chart('portfolioChart', {
    chart: {
      type: 'heatmap',
      height: 700
    },
    title: {
      text: 'After-tax Portfolio Composition'
    },
    xAxis: {
      categories: json.columns,
      align: 'top'
    },
    yAxis: {
      categories: json.index,
      title: null,
      reversed: true
    },
    colorAxis: {
      min: 0,
      minColor: '#fff',
      maxColor: Highcharts.getOptions().colors[0]
    },
    legend: {
      align: 'right',
      layout: 'vertical',
      margin: 0,
      verticalAlign: 'top',
      y: 25,
      symbolHeight: 600
    },
    tooltip: {
      formatter: function() {
        return '<b>' + this.series.xAxis.categories[this.point.x] + ', ' + this.series.yAxis.categories[this.point.y] + '</b> = ' + (this.point.value*100).toFixed(1) + '%'
      }
    },
    series: [{
      name: 'Portfolio Allocation',
      borderWidth: 1,
      data: portfolioData,
      dataLabels: {
        enabled: true,
        color: '#000',
        formatter: function() {
          return (this.point.value * 100).toFixed(1) + '%';
        }
      }
    }]
  });