2014-01-13 17 views
0

我在X軸號碼和自定義名稱中使用。 問題出在最後一列 - 它沒有名字。最後一列沒有名字,爲什麼?

爲什麼最後一列的名字只有日期?如何使每種日期類型都可見?

我的樣品,日期:

"X,Y,Z\n" + 
       "1,0,3\n" + 
       "2,2,6\n" + 
       "3,4,8\n" + 
       "4,6,9\n" + 
       "5,8,9\n" + 
       "6,10,8\n" + 
       "7,12,6\n" + 
       "8,14,3\n", 

http://jsfiddle.net/JaM3S/1/

哪裏是 「孟」(8行)?

回答

1

請閱讀我的注意在底部

標籤和數據都在那裏,只是DyGraph秤所以它不會出現在圖表。將鼠標懸停在「孟加拉國」應該在的地方,它會出現在圖例中。

作爲一種解決方法,您可以使用「xRangePad」選項(向x軸添加填充)以及「axisLabelFontSize」和「axisLabelWidth」來調整標籤的可見性。 (有關更多信息,請參閱http://dygraphs.com/options.html

但是,這可能會從視圖中刪除其他標籤。

您還需要

default: 
    ret = ""; 
break; 

添加到您的每一個switch語句,否則「未定義」將顯示爲股票時,標籤的尺寸圖刻度。我給了你的標題標籤一個不同的名稱,並將它們移到「標籤」選項中。

g = new Dygraph(document.getElementById("graph"), 
    "1,0,3\n" + 
    "2,2,6\n" + 
    "3,4,8\n" + 
    "4,6,9\n" + 
    "5,8,9\n" + 
    "6,10,8\n" + 
    "7,12,6\n" + 
    "8,14,3\n", 
    { 
     legend: 'always', 
     xRangePad: 20, 
     animatedZooms: true, 
     title: 'dygraphs chart template', 
     axes: { 
       x: { 
        valueFormatter: function(x) { 
         var ret; 
         switch (x){ 
          case 1: 
           ret = 'India';     
           break; 
          case 2: 
           ret = 'US';     
           break; 
          case 3: 
           ret = 'China';     
           break; 
          case 4: 
           ret = 'Pakistan';     
           break; 
          case 5: 
           ret = 'England';     
           break; 
          case 6: 
           ret = 'Australia';     
           break; 
          case 7: 
           ret = 'West Indies';     
           break; 
          case 8: 
           ret = 'Bangladesh';     
          break; 
          default: 
           ret = ""; 
           break; 
         } 
         return ret; 
        }, 
        axisLabelFormatter: function(x) { 
         var ret; 
         switch (x){ 
          case 1: 
           ret = 'India';     
           break; 
          case 2: 
           ret = 'US';     
           break; 
          case 3: 
           ret = 'China';     
           break; 
          case 4: 
           ret = 'Pakistan';     
           break; 
          case 5: 
           ret = 'England';     
           break; 
          case 6: 
           ret = 'Australia';     
           break; 
          case 7: 
           ret = 'West Indies';     
           break; 
          case 8: 
           ret = 'Bangladesh';     
           break;  
          default: 
           ret = ""; 
           break; 
         } 
         return ret; 
        }, 
       }     
     }, 
     labels:["Country", "Score 1", "Score 2"], 
     axisLabelWidth: 50, 
     axisLabelFontSize: 10, 
    } 
); 

但是我不認爲這是你實際嘗試做的解決方案。你打算的目標是什麼?數據會在條形圖中表現得更好嗎?

相關問題