我有一个流星应用,我使用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'
}
}
}
};
}
});
现在,该图表正确地绘制了正确分类的每个数据点
但如果我刷新页面,则类别值将替换为默认值