Highchart熱圖圖表一個月中的天

我只需要如下創建一個高圖表熱圖：
sample expected highchart Highchart熱圖圖表一個月中的天

我已經開發是在x軸定義一個月的名稱和定義的每一天MONTH作爲y類別，但問題是高圖表會將所有y類別在y軸上設置爲線性位置，相反，我需要在7天內對它們進行分組。我實現到目前爲止的代碼如下：

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


    title: { 
     text: 'Last Six Month' 
    }, 

    xAxis: { 
     categories: ['Mar', 'Apr', 'May', 'June', 'July', 'Aug'], 

    }, 



    colorAxis: { 
     min: 0, 
     minColor: '#FFFFFF', 
     maxColor: Highcharts.getOptions().colors[0] 
    }, 

    legend: { 
     align: 'right', 
     layout: 'vertical', 
     margin: 0, 
     verticalAlign: 'top', 
     y: 25, 
     symbolHeight: 320 
    }, 


    series: [{ 
     name: 'Last Six Month', 
     borderWidth: 1, 
     data: [[0,1,2],[0,2,2],[0,3,2],[0,4,2],[0,5,2],[0,6,2],[0,7,2],[0,8,2],[0,9,2],[0,10,2], [1,1,2],[1,2,2],[1,3,2],[1,4,2],[1,5,2],[1,6,2],[1,7,2],[1,8,2],[1,9,2],[1,10,2]], 
     dataLabels: { 
      enabled: true, 
      color: 'black', 
      style: { 
       textShadow: 'none', 
       HcTextStroke: null 
      } 
     } 
    }]

我現在的狀態連接如下： enter image description here 我怎樣才能解決這個問題，並在一個月的周進行排序？

來源

2014-09-11 user435245

你能提供一個你現在得到的樣品嗎？ – 2014-09-11 08:01:35

請查看我目前狀態下的第二張附加圖片 – user435245 2014-09-11 10:01:33

不是圖片...例如jsfiddle上託管的工作代碼示例，以便我們可以嘗試一些操作，謝謝 – 2014-09-11 11:14:06

如果你要使用的類別，然後再添加只是一些空的：

categories: ['Mar', '', '', '', '', 'Apr', '', '', '', '', 'May', '', '', '', '', 'June', '', '', '', '', 'July', ''', '', '', '', Aug'],

或者只是使用datetime x軸。注意：在這種情況下，您需要爲每個點使用x值（時間戳）。

來源

2014-09-11 10:21:55

我肯定會推薦使用日期時間軸。它使大多數事情從長遠來看變得更加簡單。 – jlbriggs 2014-09-11 13:06:50

我完全同意 - 定製'datetime' xAxis也比較容易。 – 2014-09-11 13:58:57

Highchart熱圖圖表一個月中的天

回答

相關問題