0

我正在尝试制作一个简单的条形图，但我的数据没有出现

var 数据 = [["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 数组，该数组已转换为要绘制的字符串格式

4

1 回答 1

3

你的配置很混乱。和配置属于数据bars，lines而您的轴标签（“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);

在这里拉小提琴。

编辑

我想我今天感觉很慷慨，这里有一个快速的代码片段来进行转换：

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

更新，更新小提琴。

于 2013-08-02T14:54:05.270 回答