[英]In Chartist, how do I add specific options to specific charts?
我有一个使用Chartist的页面,上面有几张图表。 我希望每个图表都具有全局选项和单个选项。
var barChartOptions = {
reverseData: true,
horizontalBars: true,
}
new Chartist.Bar('#chart1', {
labels: [1, 2, 3, 4],
series: [[100, 120, 180, 200]]
},barChartOptions
// HOW DO I ADD SPECIFIC OPTIONS?!
);
new Chartist.Bar('#chart2', {
labels: [1, 2, 3, 4],
series: [[120, 90, 150, 100]]
},barChartOptions);
new Chartist.Bar('#chart3', {
labels: [1, 2, 3, 4],
series: [[180, 190, 90, 110]]
},barChartOptions);
这是一个展示我的问题的jsFiddle 。
注意:我是JavaScript n00b,所以这里可能缺少一些非常基本的内容。
假设您使用jQuery或Underscore.js,则可以使用extend
( jQuery , Underscore )功能合并两个对象,因此可以执行以下操作:
var barChartOptions = {
reverseData: true,
horizontalBars: true,
}
new Chartist.Bar('#chart1', {
labels: [1, 2, 3, 4],
series: [[100, 120, 180, 200]]
},_.extend({/*specific options*/}, barChartOptions));
这样,将传递给Chartist.Bar
的对象就是与全局barChartOptions
合并的特定选项。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.