我想用chartjs创建一个条形图,它将显示达到60还需要多少,这将在上面的红色条中显示。下面将用蓝色显示当前数量。假设我必须达到60,而当前值是40,条形图应该用红色显示还需要20才能达到60。如果达到60,上面不应该有任何红条。2有什么办法可以做到这一点吗?
(function() {
var ctx = document.getElementById("mychart");
var datas = {
labels: ['Passed', 'Failed', 'In Progress'],
datasets: [{
label: 'Data',
data: [10, 5, 80],
backgroundColor: [
"green",
"red",
"yellow"
],
}, ]
};
var chr = new Chart(ctx, {
data: datas,
type: 'bar'
});
})();
<div style="width: 500px;height: 300px">
<canvas id="mychart"></canvas>
</div>
1条答案
按热度按时间nfg76nw01#
是的,您可以在将其发送到chart.js以绘制图表之前简单地计算它: