时间戳

首页 > 解决方案 > 在雷达图中隐藏数据集的数据？

chart.js - 在雷达图中隐藏数据集的数据？

问题描述

我正在制作雷达图，但遇到了一些问题。我已阅读文档，但它不起作用。我想隐藏数据集的数据，但我不知道该怎么做？这是图片。如您所见，我想隐藏数据 20、25、30在此处输入图像描述

而且我也知道如何将两个图例（例如 justify-content ）分隔开

标签： chart.js

解决方案

如果您在数据集中将此设置为 true，则必须使用，hidden除非有人单击图例或您以编程方式执行此操作，否则数据不会显示。

例子：

var options = {
  type: 'radar',
  data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [{
        label: '# of Votes',
        data: [12, 19, 3, 5, 2, 3],
        borderWidth: 1,
        hidden: true
      },
      {
        label: '# of Points',
        data: [7, 11, 5, 8, 3, 7],
        borderWidth: 1
      }
    ]
  }
}

var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);
<body>
  <canvas id="chartJSContainer" width="600" height="400"></canvas>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.0.2/chart.js" integrity="sha512-n8DscwKN6+Yjr7rI6mL+m9nS4uCEgIrKRFcP0EOkIvzOLUyQgOjWK15hRfoCJQZe0s6XrARyXjpvGFo1w9N3xg==" crossorigin="anonymous"></script>
</body>

推荐阅读