Javascript 无法从雷达图(chart.js)中删除比例

Javascript 无法从雷达图(chart.js)中删除比例,javascript,chart.js,Javascript,Chart.js,我一整天都在试图去除海图js中雷达图的比例。尽管这张图表运行得很好,但似乎没有任何东西能够消除这个比例。不幸的是,文档对这个问题没有多大帮助。 这是图表的样子。刻度每次看起来都一样。从浏览器中清除缓存也无济于事。 以下是图表的代码: function setChart(){ var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, {

我一整天都在试图去除海图js中雷达图的比例。尽管这张图表运行得很好,但似乎没有任何东西能够消除这个比例。不幸的是,文档对这个问题没有多大帮助。 这是图表的样子。刻度每次看起来都一样。从浏览器中清除缓存也无济于事。 以下是图表的代码:

function setChart(){

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
                        type: 'radar',
                        data: {
                            labels: ['classA','classB','classC','classD'],
                            datasets: [{
                                label: 'revenue proportion per class',
                                data: [0.25, 0.3, 0.15, 0.3],
                                backgroundColor: [
                                    'rgba(255, 99, 132, 0.2)',

                                ],
                                borderColor: ['rgba(255, 99, 132, 0.2)'],

                                borderWidth: 5

                            },
                                {

                             label: 'proportion of item quantity per class',
                                data: [0.25, 0.3, 0.15, 0.3],
                                    backgroundColor: [

                                    'rgba(54, 162, 235, 0.2)',


                                ],
                                    borderColor: ['rgba(54, 162, 235, 0.2)'],
                                    borderWidth: 5
                                }
                            ],
以及选择:

options: {
                                scale: {

                                    ticks:{ 
                                           label: false,
                                            min: 0,
                                            max: 1,
                                            fixedStepSize: 4,
                                            showLabelBackdrop: false,
                                            fontSize: 0,
                                            color: "#eee"
                                    }
                                }
我在做傻事?在这方面的任何帮助都将受到欢迎

列出了四个配置选项(从v2.9.3开始):

  • 斜线
  • 网格线
  • 点标签
  • 滴答声
其中每一个都是支持
显示
属性的对象。在所有四个对象中指定
display:false
,将删除比例

options: {
  scale: {
    angleLines: {
      display: false
    },
    gridLines: {
      display: false
    },
    pointLabels: {
      display: false
    },
    ticks: {
      display: false
    },
  }
}
下面是一个工作示例:

新图表(“myChart”{
类型:“雷达”,
数据:{
标签:['A','B','C','D'],
数据集:[{
标签:“系列1”,
数据:[0.25,0.3,0.15,0.3],
}]
},
选项:{
比例:{
斜线:{
显示:假
},
网格线:{
显示:假
},
点标签:{
显示:假
},
滴答声:{
显示:假
},
}
}
});


这不会有多大帮助,如果你在网上发布一个演示会更好。我肯定可以做到,我会怎么做?你有很多选择:StatkBlitz、codepen、fiddle.js……好的,我看一下,同时我添加了一张graph@EugenSunic对不起,我感到羞耻,我正在努力在fiddle.js上正确渲染图形,我补充道,我的例子中字段中的数据有点帮助。@Anastasia这回答了你的问题吗?
options: {
  scale: {
    angleLines: {
      display: false
    },
    gridLines: {
      display: false
    },
    pointLabels: {
      display: false
    },
    ticks: {
      display: false
    },
  }
}