我想展示 30 天的 2 个班次的机器停机时间的可视化 - 白天(12 小时)和夜间(12 小时)。因此,我将堆叠条形图与组一起使用,并且看起来不错,接受我不想让图例显示两个班次(白天和晚上)。
<canvas id="myChart"></canvas>
<script>
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30",],
datasets: [{
label: 'Machine 1 - Day',
stack: 'Stack 0',
data: [5, 13, 5, 20, 4, 9, 28, 19, 21, 5, 13, …Run Code Online (Sandbox Code Playgroud)