Highcharts Heatmap по столбцам - PullRequest
Новая
       7

Highcharts Heatmap по столбцам

0 голосов
/ 01 ноября 2018

Я создаю тепловую карту из высоких диаграмм, которая показывает распределение по разным классам активов для нескольких портфелей. Ось 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) + '%';
        }
      }
    }]
  });
...