流星收集到ChartJs数据

时间:2014-07-22 05:09:34

标签: javascript jquery meteor charts

我有一个Meteor Collection,我希望使用ChartJS将其呈现为图形。我能够按照ChartJS文档进行操作。

我现在的问题是如何转换我的收藏并将其传递给ChartJS。

ChartJs数据格式:

function drawChart() {
    var data = {
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    datasets: [{
        data: [28, 48, 40, 19, 86, 27, 90]
    }]
};

这是我的收藏保存方式:

Categories.insert({
    categoryname : $('#categoryname').val(),
    value : $('#categoryvalue').val()
});

我想使用categoryname作为图表标签,将值作为数据。我怎么会这样做?

1 个答案:

答案 0 :(得分:1)

这是我在发布问题后再次尝试使其成功的方法。

function drawChart() {
    var cur = Categories.find();

    collData = [];
    cur.forEach(function(cat){
        collData.push([cat.value]);
    });

    collLabel = [];
    cur.forEach(function(cat){
        collLabel.push([cat.categoryname]);
    });

    var data = {
        labels: collLabel,
        datasets: [{
            data: collData
        }]
    };
};

我不确定这是否是正确的方法,但它现在有效。