Javascript 如何使用chart.js删除或着色极坐标图区域中的线条/网格？

我目前在柏林的一家初创公司中，努力使我们的网站能够正常运行，我可以使用HTML和CSS，但当涉及到Jquery时，这是一个大难题。无论如何，我遇到了Chart.js，我很想通过极坐标图来想象我们公司的成功。但我想删除背景中的图例和灰色网格/线条

const CHART=document.getElementById（“线形图”）；
控制台日志（图表）；
设折线图=新图表（图表，{
类型：'polarArea'，
数据：{
标签：[“汽车”、“飞机”、“火车”、“自行车”、“步行”、“飞船”、“宇宙飞船”]，
数据集：[{
数据：[
11,
16,
7.
3.
14
],
背景颜色：[
“#FF6384”，
“#4BC0C0C0”，
“#FFCE56”，
“#E7E9ED”，
“#36A2EB”
],
标签：“我的数据集”//用于图例
}],
标签：[
“汽车”，
“船”，
“飞机”，
“宇宙飞船”，
“循环”
]
}
})；

body，html{
保证金：0；
}
.图表{
宽度：600px；
高度：600px；
}

试验

也许你只是忘记了“

const CHART=document.getElementById（“线形图”）；
控制台日志（图表）；
设折线图=新图表（图表，{
类型：'polarArea'，
数据：{
标签：[“汽车”、“飞机”、“火车”、“自行车”、“步行”、“飞船”、“宇宙飞船”]，
数据集：[{
数据：[
11,
16,
7.
3.
14
],
背景颜色：[
“#FF6384”，
“#4BC0C0C0”，
“#FFCE56”，
“#E7E9ED”，
“#36A2EB”
],
标签：“我的数据集”//用于图例
}],
标签：[
“汽车”，
“船”，
“飞机”，
“宇宙飞船”，
“循环”
]
}
});
body，html{
保证金：0；
}
.图表{
宽度：600px；
高度：600px；
}

试验
您可以简单地切换
图例的显示以及
比例的显示，在Graph.js上您可以传递选项元素

options: {
  legend: {
    display: false
  },
  scale: {
    display: false
  }
}

检查以下更新的代码段：


const CHART=document.getElementById（“线形图”）；
控制台日志（图表）；
设折线图=新图表（图表，{
类型：'polarArea'，
数据：{
标签：[“汽车”、“飞机”、“火车”、“自行车”、“步行”、“飞船”、“宇宙飞船”]，
数据集：[{
数据：[
11,
16,
7.
3.
14
],
背景颜色：[
“#FF6384”，
“#4BC0C0C0”，
“#FFCE56”，
“#E7E9ED”，
“#36A2EB”
],
标签：“我的数据集”//用于图例
}],
标签：[
“汽车”，
“船”，
“飞机”，
“宇宙飞船”，
“循环”
]
},
选项：{
图例：{
显示：假
},
比例：{
显示：假
}
}
});
body，html{
保证金：0；
}
.图表{
宽度：600px；
高度：600px；
}

试验
Cheers Fire，您的代码实际上重新集中了图形，这是我遇到的另一个问题，我愿意接受……呵呵。然而，背景中实际的灰色网格仍然存在。不管怎样谢谢xHi Lucas，非常感谢你！！！它起作用了。。你是一个真正的js忍者x再次感谢@我很乐意帮忙。