[英]Chartjs - Stacked bar chart blocking other values
我的问题是图表js根据数据集上定义的顺序渲染条形图。 如下所示,数组索引0处的值是2500
和1000
。 由于首先通过了2500,这将阻止1000值的条形图。
https://jsfiddle.net/6bjy9nxh/352/
var barData = {
labels: ['Italy', 'UK', 'USA', 'Germany', 'France', 'Japan'],
datasets: [
{
label: '2010 customers #',
fillColor: '#382765',
data: [2500, 1902, 1041, 610, 1245, 952]
},
{
label: '2014 customers #',
fillColor: '#7BC225',
data: [1000, 1689, 1318, 589, 1199, 1436]
}
]
如每个堆叠的条形图的Chartjs示例所示stacked: true
xAxes
和Axes
均为stacked: true
var barData = {
labels : ['Italy', 'UK', 'USA', 'Germany', 'France', 'Japan'],
datasets : [{
label : '2010 customers #',
backgroundColor : '#382765',
data : [2500, 1902, 1041, 610, 1245, 952]
}, {
label : '2014 customers #',
backgroundColor : '#7BC225',
data : [1000, 1689, 1318, 589, 1199, 1436]
}]
};
var context = document.getElementById('clients').getContext('2d');
var clientsChart = new Chart(context, {
type : 'bar',
data : barData,
options : {
scales : {
xAxes : [{
stacked : true,
}],
yAxes : [{
stacked : true
}]
}
}
});
这可能对您有帮助。 小提琴
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.