Javascript Chart.js极坐标图的比例不正确
我在使用Chart.js创建极坐标图时发现了一个问题。问题是: 下面是代码js代码Javascript Chart.js极坐标图的比例不正确,javascript,jquery,charts,chart.js,Javascript,Jquery,Charts,Chart.js,我在使用Chart.js创建极坐标图时发现了一个问题。问题是: 下面是代码js代码 var config = { type: 'polarArea', data: { labels: [ "HTML/CSS", "jQuery", "PHP/MYSQL", "PS/AI", "PR/AE", "Processing", "Arduino" ], datasets: [{ data: [95, 80, 30, 70, 6
var config = {
type: 'polarArea',
data: {
labels: [
"HTML/CSS",
"jQuery",
"PHP/MYSQL",
"PS/AI",
"PR/AE",
"Processing",
"Arduino"
],
datasets: [{
data: [95, 80, 30, 70, 60, 50, 50],
backgroundColor: [
"rgba(255, 87, 34, 0.7)",
"rgba(3, 169, 244, 0.5)",
"rgba(233, 30, 99, 0.5)",
"rgba(255, 193, 7, 0.5)",
"rgba(156, 39, 176, 0.5)",
"rgba(13, 71, 161, 0.5)",
"rgba(12, 161, 166, 0.5)",
],
}],
},
options: {
scale: {
reverse: false,
ticks: {
min: 20,
max: 90
}
}
}
};
window.onload = function() {
window.myRadar = new Chart(document.getElementById("canvas"), config);
};
有人能帮我解决这个问题吗?
非常感谢 在选项中,尝试添加
maintaintAspectRatio:false,
,这样它就不会试图保持一个漂亮的正方形,因为标签太多,所以会将实际图表推到一个小尺寸
options: {
maintainAspectRatio: false,
scale: {
reverse: false,
ticks: {
min: 20,
max: 90
}
}
}
首先感谢您的评论,但是我已经尝试过了,但它不起作用:(你能创建一个小提琴来重现这个问题吗?干杯,这很奇怪,我似乎找不到任何允许控制这个问题的设置。还发现如果你玩的是大小,你最终会破坏图形是的,我发现这个问题也在将maintainAspectRatio设置为false时,使其为真会很好,但它会当屏幕宽度变小时,我会变得非常小,所以我能让图形以合适的大小显示的唯一方法是将图例显示设置为false,但这并不好,因为这意味着你失去了图例。我认为这是值得在他们的Gitube上添加的一个问题。我在这里添加了一个JSFIDLE供尝试。非常感谢!