ハイチャートヒートマップ固定非時間軸なし

Question

私はヒートマップを使用したいが、固定カテゴリーは使用しない。

すべての例（例：http://jsfiddle.net/tZ6GP/19/）私は日付軸または固定カテゴリのいずれかしか持っていませんでしたが、軸上にヒートマップボックスがあり、その軸に事前定義されたカテゴリがありません。

Highcharts.chart('customContainer', { 
     title: { 
      text: 'Wealth Development' 
     }, 
     xAxis: { 
      min: Date.UTC(2017,1,1), 
      max: Date.UTC(2023,1,1), 
      type: 'datetime', 
      dateTimeLabelFormats: { 
       year: '%Y' 
      } 
     }, 
     yAxis: { 
      min: 0, 
      max: 8000, 
      title: { 
       text: 'Wealth' 
      }, 
      labels: { 
       formatter: function() { 
        return this.value/1000 + 'K'; 
       } 
      } 
     }, 
     series: [ 
      { 
       type: 'heatmap', 
       name: 'SAA heat', 
       rowsize: 3600000 * 24 * 365, 
       colsize: 1000, 
       data: [ 
        { x: Date.UTC(2017,1,1), y: 4000 } 
       ] 
      } 
     ] 
    }); 

結果は、列サイズが1000で行サイズが1年のボックスである必要があります。しかしそれは例外を伴い奇妙な結果になります：RangeError：最大呼び出しスタックサイズを超えました

誰もこのようなヒートマップを生成しようとしましたか？私はそれをどうやって？

私は最終的に次のようなものを持ってしようとする：ボックス領域の上にマウスを移動するとき、特定の値を表示することができるように、図中の

色は、多くのボックスで構成する必要があります。したがって、色付きの領域はグリッド内にたくさんのボックスのようになります。低い点と高い点はホバリングに焦点を当てているが、その領域には焦点が当てられていないので、私の理解には不可能なアサレンジである。

誰でもこの問題を解決できますか？

Answer 1

問題が何かを発見しました。行サイズはyxis値、X軸値にcolsizeを指すので、私はそれを切り替え：

https://jsfiddle.net/L7a9c0fr/

$('#container').highcharts({ 

    chart: { 
    type: 'container', 
    marginTop: 40, 
    marginBottom: 40 
}, 


title: { 
      text: 'Test' 
     }, 
     xAxis: { 
      min: Date.UTC(2017,1,1), 
      max: Date.UTC(2023,1,1), 
      type: 'datetime', 
      dateTimeLabelFormats: { 
       year: '%Y' 
      } 
     }, 
     yAxis: { 
      min: 0, 
      max: 8000, 
      title: { 
       text: 'Amount' 
      }, 
      labels: { 
       formatter: function() { 
        return this.value/1000 + 'K'; 
       } 
      } 
     }, 
     series: [ 
      { 
       type: 'heatmap', 
       name: 'test area', 
       rowsize: 1000, 
       colsize: 3600000 * 24 * 365, 
       data: [ 
        { x: Date.UTC(2017,1,1), y: 4000, value: 3000 } 
       ], 
      }] 

});