我刚刚开始使用Morris.js条形图源,但在尝试使两个不同的Y键的条形具有不同的颜色方面遇到了一个小问题。但是由于某种原因,我得到的结果是它只是设置一种颜色而没有运行其他颜色。
<script>
new Morris.Bar({
element: 'bar-chart',
data: [
{ day: 'Day 1', amount1: 1, amount2: 1 },
{ day: 'Day 2', amount1: 2, amount2: 1 },
{ day: 'Day 3', amount1: 3, amount2: 2 },
{ day: 'Day 4', amount1: 4, amount2: 2 },
{ day: 'Day 5', amount1: 5, amount2: 3 },
{ day: 'Day 6', amount1: 6, amount2: 3 },
{ day: 'Day 7', amount1: 7, amount2: 4 }
],
xkey: 'day',
ykeys: ['amount1', 'amount2'],
labels: ['Amount One', 'Amount Two'],
hideHover: 'auto',
barColors: function(row,series,type){
if(row.ykeys=='amount1'){
return "#9b5cd4";
}
else {
return "#5e2590";
}
}
});
</script>
我不确定为什么要为此使用功能,我认为您可以使用以下简单数组设置选项barColors:
barColors:['#9b5cd4', '#5e2590'],
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句