沒有固定非時間軸的Highcharts熱圖

我發現所有的例子（例如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：超出最大調用堆棧大小

有沒有人試圖生成這樣的熱圖？我該怎麼做？

我終於嘗試有類似以下內容：

圖中的顏色應該由許多盒，這樣可以顯示特定值徘徊在一個框區域時。所以有色區域就像一個網格中的很多盒子。由於我不理解的區域範圍，因爲低點和高點都集中在懸停，而不是區域。

任何人都可以幫我解決這個問題嗎？

來源

2017-08-10 sergej

比賽地圖意味着是信息固定大小的網格。你的繪圖看起來像你可能想要某種柱形圖。您是否有一些示例數據可以幫助您說明您想要完成的任務？ –

thx回答，我更新了這個問題，我希望有幫助。 – sergej

啊！你想要的是帶有步驟的面積圖。我會爲你製作一個例子。 –

我發現問題所在。的行大小是指yxis值，colsize於x軸值，所以，打開開關：

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 } 
       ], 
      }] 

});

來源

2017-08-10 14:56:57 sergej

至於環流區域範圍，您可以使用熱線圖系列（熱圖上方）和區域範圍（熱圖系列下方）。例如：https：//jsfiddle.net/x1rv4v8d/。 –

@d_paul：thx很多，這也看起來是一個很好的方式來做到這一點！ – sergej

沒有固定非時間軸的Highcharts熱圖

回答

相關問題