小编jus*_*ing的帖子

通过chart.js中图例的一键事件隐藏或显示两个数据集

我想展示 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)

javascript chart.js

3
推荐指数
1
解决办法
2228
查看次数

标签 统计

chart.js ×1

javascript ×1