Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js极坐标图的比例不正确_Javascript_Jquery_Charts_Chart.js - Fatal编程技术网

Javascript Chart.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

我在使用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, 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供尝试。非常感谢!