首页 > 解决方案 > 如果雷达图表值已满,则它占用一半空间(Chart.js)

问题描述

我创建了一个具有完整值的雷达图,但如果它已满,则占用的区域为 50%,有什么办法可以解决这个问题吗?(即使这是设计的)。

https://codepen.io/asaadmahmood/pen/XWgrGWg

<canvas id="marksChart" width="600" height="400"></canvas>
var marksCanvas = document.getElementById("marksChart");

var marksData = {
  labels: ["English", "Maths", "Physics", "Chemistry", "Biology", "History"],
  datasets: [{
    label: "Student A",
    backgroundColor: "rgba(200,0,0,0.2)",
    data: [100, 100, 100, 100, 100, 100]
  }]
};

var radarChart = new Chart(marksCanvas, {
  type: 'radar',
  data: marksData
});

标签: javascriptchart.jsradar-chart

解决方案


想通了,需要设置:

scales: {
    r: {
        beginAtZero: true,
    }
}

推荐阅读