2013-08-02 54 views
0

我試圖做一個簡單的條形圖,但我的數據未顯示海軍報條形圖數據轉換

VAR數據= [[「物品1」,277],[「ITEM2」,635],[「項目3 「,133]]

你能告訴我如何將上面的字符串轉換爲正確的Flot格式嗎?

請參閱小提琴http://jsfiddle.net/q7R68/

var data = [["item1",277],["item2",635],["item3",133]] 

var options = { 
        series: { 
         stack: 0, 
         lines: { show: false, steps: false }, 
         bars: { show: true, barWidth: 0.9, align: 'center', }, 
        } 
       }; 

alert(data); 
$.plot($("#statsChart2"), data, options); 

感謝

編輯:我本來應該在我的問題更清楚,我想將數據從它的字符串表示形式轉換到通過海軍報需要什麼碼。它代表已轉換爲字符串格式以進行圖形化的JSON數組

+0

@captain嗨,我嘗試了小提琴,但仍然沒有圖 – Arkady

+0

請檢查我的ans [小提琴](http://jsfiddle.net/q7R68/3/)請更新,如果需要任何help.Mark也提供了小提琴描繪蜱可能是你想要的 –

回答

3

您的配置全部混淆。 barslines配置屬於數據,而您的軸標籤(「item1」等等)屬於您的選項。

最後,我沒有看到一個stack選項API

var data = [[0,277],[1,635],[2,133]]; 

var aSeries = { 
    data: data, 
    bars: { show: true, barWidth: 0.9, align: 'center' } 
}; 

var someOptions = { 
    xaxis: { 
     ticks: [[0,"item1"],[1,"item2"],[2,"item3"]] 
    }  
}; 

$.plot($("#statsChart2"), [aSeries], someOptions); 

小提琴here英寸

編輯

我想我今天感覺大方這裏的代碼快速片段來進行轉換:

var data = [["item1",277],["item2",635],["item3",133]]; 

var ticks = []; 
for (var i = 0; i < data.length; i++) { 
    ticks.push([i,data[i][0]]); 
    data[i][0] = i; 
} 

更新,更新fiddle

+0

你好,我應該在我的問題中更清楚地表明,我想通過代碼將數據從其字符串表示轉換爲Flot所需的數據。它表示一個JSON數組,已被轉換爲字符串格式進行圖示 – Arkady

+0

好吧,我已經向您展示了調用flot的正確方法,現在您有哪些**嘗試執行轉換?哦,沒關係,我會爲你做。請參閱上面的編輯。 – Mark

+0

它是一個同樣的事情,我猜測正確的方法是在第一個例子中指定tick數組。 –