需要帮助样式表JS雷达图

问题描述 投票:0回答:1

我正在尝试在下面链接的雷达图上设置背景样式,并希望能够做到这一点

  • 设置雷达线的颜色
  • 设置厚度
  • 将比例设置为0-100
  • 设置字体大小

我认为这必须通过'options'完成(因为这与数据集无关),但我对JS的掌握不足,无法在尝试几个小时后使它起作用。

Codepen hereChart JS radar instructions here

new Chart(document.getElementById("radar-chart"), {
type: 'radar',
data: {
  labels: ["Business", "Brand", "Marketing", "Stakeholders", "Clients"],
  datasets: [
     {
      label: "",
      fill: true,
      backgroundColor: "rgba(255,99,132,0.2)",
      borderColor: "rgba(255,99,132,1)", 
      pointBorderColor: "#fff",
      pointBackgroundColor: "rgba(255,99,132,1)",
      pointBorderColor: "#fff",
      data: [25.48,54.16,7.61,8.06,4.45]
    }
  ]
},  

options: {

legend: {
  display: false    
},
borderWidth: 10,

}

});
javascript charts chart.js chartjs-2.6.0
1个回答
0
投票

为了获得所需的内容,可以在ticks中定义ticksgridLinesgridLines

© www.soinside.com 2019 - 2024. All rights reserved.