2014-02-28 98 views
0

我想創建一個圖表,其中x軸中的值是字符串而不是整數。 目前我有什麼看起來像這樣:x軸中的字符串

10 | 
    8 | 
    4 | 
    0 |__________ 
     1 3 5 

,我想讓它像這樣:

10 | 
    8 | 
    4 | 
    0 |____________________________ 
     January February March 

我使用NVD3圖表。任何幫助,將不勝感激。

我會傳遞數據,但目前我手動。

function profiles() { 
    var profiles = []; 

    profiles.push({x:1,y:5}); 
    profiles.push({x:2,y:3}); 
    profiles.push({x:3,y:9}); 
    profiles.push({x:4,y:6}); 
    profiles.push({x:5,y:6}); 
    profiles.push({x:6,y:8}); 
    profiles.push({x:7,y:4}); 
    profiles.push({x:8,y:7}); 
    profiles.push({x:9,y:5}); 
    profiles.push({x:10,y:8}); 
    profiles.push({x:11,y:6}); 
    profiles.push({x:12,y:12}); 


    return [{ 
     values: profiles, 
     key: "Profiles", 
     color: "#ff7f0e" 
    }]; 
} 

而不是x:1我想x:1月例如。

+0

你在數據中傳遞日期嗎?你可以在問題中發佈你的代碼片段嗎? – shabeer90

+0

這個例子可能有助於http://nvd3.org/ghpages/discreteBar.html – Adween

回答

0

我會根據您的指導來訪問此頁http://nvd3.org/ghpages/discreteBar.html。這似乎允許您在傳入的數組中創建標籤和值。如果數字來自其他地方,則可以創建一個月份名稱數組,然後使用月份值-1來訪問它們(1月爲0數組是從零開始的),所以......

var months=["January","February","March","April","May","June","July","August","September","October","November","December"]; 

然後

profiles.push({"label": months[0] , "value":5 }); // jan 
profiles.push({"label": months[1] , "value":3 }); // feb 
etc... 

我想這應該指向你在正確的方向,並得到圖表,顯示的字符串。