2012-02-23 55 views
0

我仍然是dojo和javascript中的新手,所以這可能是微不足道的。
我創建了一個「dojox.charting.Chart2D」 - 圖表。
我從數據存儲(ItemFileReadStore)獲取數據,並可以成功將它們顯示在我的DataSeries中。 我也可以創建我的X軸,但只包含簡單的數字。 我需要的是添加到我的X軸從我的商店的一個字段的文本值。 我發現這可以用「labelFunc:function(n){}」來完成,但我根本無法讓它讀取我店裏的數據。Dojo圖表:如何將數據存儲中的標籤添加到我的Axis?

我的存儲數據是這樣的:

{ identifier: "UniqueId" , items: [ 
{"UniqueId":1, "VisitDate":"2012-02-21T00:00:00", "VisitsTotal":407, "Visits10":71, "Visits15":6}, 
{"UniqueId":2, "VisitDate":"2012-02-20T00:00:00", "VisitsTotal":508, "Visits10":80, "Visits15":10}, 
... 

我的代碼是這樣的:

var store = new dojo.data.ItemFileReadStore({ url: './../Data/MyJSONData.aspx' }); 
chart1 = new dojox.charting.Chart2D("simplechart1"); 
chart1.addAxis("x", {fixUpper: "major",fixLower: "minor",title: 'Datum', 
labelFunc: function (n) { 
// HOW DO I GET THE VALUES 'VisitDate' FROM MY STORE ??? 
}}); 

chart1.addSeries('VisitsTotal', 
new dojox.charting.DataSeries(store, { query: { Visits10: "*"} }, "Visits10"), 
{ stroke: 'red', fill: 'pink' } 
); 

chart1.addSeries('Visits10', 
new dojox.charting.DataSeries(store, { query: { Visits10: "*"} }, "Visits10"), 
{ stroke: 'red', fill: 'pink' } 
); 
... 

我已經嘗試過的任意組合,但我真的很缺少一些基本知識,如何從讀存儲以及如何將我自己的文本值(標籤)設置爲我的X軸。

預先感謝您。

回答

1

將(標籤)添加到X軸。

chart1.addAxis("x", { labels: [{value: 1, text: "Jan"}, {value: 2, text: "Feb"}, 
         {value: 3, text: "Mar"}, {value: 4, text: "Apr"}, 
         {value: 5, text: "May"}, {value: 6, text: "Jun"}, 
         {value: 7, text: "Jul"}] 
    }); 

或者在My jsfiddle.

讀取數據看到從商店

store.fetch({ query: {}, 
       onItem: function(item) { 
        console.log(store.getValue(item, 'VisitDate')); 
       } 
}); 

多見於Dojo Livedocstackoverflow

相關問題