浮選條形圖數據轉換

Question

我正在嘗試制作一個簡單的條形圖，但是我的數據沒有出現

var data = [[“” item1“，277]，[” item2“，635]，[” item3“，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);

謝謝

編輯：我應該在我的問題中更清楚地表明，我想通過代碼將數據從其字符串表示形式轉換為Flot所需的形式。 它表示一個JSON數組，該數組已轉換為要繪制圖形的字符串格式

Answer 1

您的配置非常混亂。 bars和lines配置屬於數據，而軸標簽（“ item1”等）屬於選項。

最后，我在API中看不到stack選項

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);

在這里擺弄。

編輯

我想今天我很慷慨，這里有一段簡短的代碼可以進行轉換：

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;   
}

更新了，更新了小提琴 。