2013-08-02 55 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数组。 –