2012-07-10 56 views
0

嗨,大家好,我在使用Highchart時遇到了麻煩。我認爲,當類別爲超過12個。這裏是我的代碼我的錯誤是:Highchart只顯示12個類別

$(function() { 
var chart; 
$(document).ready(function() { 
    chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'line', 
      marginRight: 130, 
      marginBottom: 25 
     }, 
     title: { 
      text: 'Monthly Average Temperature', 
      x: -20 //center 
     }, 
     subtitle: { 
      text: 'Source: WorldClimate.com', 
      x: -20 
     }, 
     xAxis: { 
      categories: ['ARC', 'CLM', 'COLREP', 'CUI', 'FB', 'IOH', 'IST', 'LCV', 'LCWSLC', 'LOGDFR', 'LOGDRT', 'LOGGLE', 
         'LOGGT', 'LOGSR', 'LOGVL', 'LST', 'OARD', 'OARP', 'OARPPP', 'POR', 'PRIN', 'SLRD', 'SLRS', 'SLRSUP', 'SVTCBR', 
         'SVTSP', 'SVTST', 'TKD', 'TR', 'USO'] 
     }, 
     yAxis: { 
      title: { 
       text: 'Temperature (°C)' 
      }, 
      plotLines: [{ 
       value: 0, 
       width: 1, 
       color: '#808080' 
      }] 
     }, 
     tooltip: { 
      formatter: function() { 
        return '<b>'+ this.series.name +'</b><br/>'+ 
        this.x +': '+ this.y +'°C'; 
      } 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'top', 
      x: -10, 
      y: 100, 
      borderWidth: 0 
     }, 
     series: [{ 
      name: 'Tokyo', 
      data: [400.6, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
     }, { 
      name: 'New York', 
      data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] 
     }, { 
      name: 'Berlin', 
      data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] 
     }, { 
      name: 'London', 
      data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 100.9] 
     }] 
    }); 
}); 

});

我已經嘗試把類別數組變量,但相同的結果顯示。

x軸僅顯示12個類別。該網站上的示例適用於12個類別。有誰知道如何解決這個問題或配置插件中的任何東西?

這裏有演示頁提前http://www.highcharts.com/demo/line-basic

的感謝!

+0

你正在得到什麼錯誤? – algiecas 2012-07-10 11:35:32

+0

數據數組的長度必須等於類別數組的長度。 – ocanal 2012-07-10 11:37:53

回答

3

問題在於,每個數組中只有12個值的系列,所以如果只有12個值,它會選取前12個類別。

高圖表不會顯示沒有數據相關的類別使用Series,只需放入18下一個0在Series Array的值,它會顯示這些類別。

+0

是的,這是我的錯誤。謝謝你們,尤其是你們科迪。這個問題解決了。 – jamcoder 2012-07-11 00:43:45