在页面刷新

时间:2015-09-21 14:19:02

标签: javascript meteor c3.js

我有一个流星应用,我使用c3.js表示我的图表,特别是this Meteor package。该图表是一个简单的条形图,它从mongodb集合中获取其值

我的模板看起来像这样

<template name="myBarchart">
    <div id="my-barchart">
        {{> c3 myChartData}}
    </div>
</template>

此模板调用的帮助程序如下所示

Template.myBarchart.helpers({
    "myChartData": function() {


        Meteor.call('getChartData', function(error, result) {
            if (error) {
                console.log(error);
            } else {
                Session.set('chartData', result);
            }
        });
        var data = Session.get('chartData')[0];

        return {
            data: {
                columns: [
                    ['data1', data.valueOne, data.valueTwo, data.valueThree]
                ],
                type: 'bar',
                colors: {
                    data1: '#B2DFDB'
                },
                names: {
                    data1: 'Simple Chart'
                }
            },
            bar: {
                width: {
                    ratio: 0.5
                }
            },
            axis: {
                x: {
                    type: 'category',
                    categories: ['2015', '2016', '2017']
                },
                y: {
                    label: {
                        text: 'Total',
                        position: 'outer-middle'
                    }
                }
            }
        };
    }
});

现在,该图表正确地绘制了正确分类的每个数据点

enter image description here

但如果我刷新页面,则类别值将替换为默认值

enter image description here

0 个答案:

没有答案