ChartJS极区图比例删除

wz3gfoph  于 2022-11-07  发布在  Chart.js
关注(0)|答案(2)|浏览(156)

我正在尝试使用极区图,但我无法移除其中的圆形缐。我尝试使用刻度的显示属性和schaleShowLine属性,但都没有效果。以下是官方网站www.example.com的指涉http://www.chartjs.org/docs/#polar-area-chart

$(document).ready(function(){
var ctx = document.getElementById("myChart").getContext("2d");

         Chart.defaults.global.legend.display = false;

        var myLineChart = new Chart(ctx, {
    type: 'polarArea',
    data:{
    datasets: [{
        data: [
            100,
            100,
            90,
            50,
            53
        ],
        backgroundColor: [
            "#FF6384",
            "#4BC0C0",
            "#FFCE56",
            "#E7E9ED",
            "#36A2EB"
        ],
        label: 'My dataset' // for legend
    }],
    labels: [
        "asdfasdf",
        "adsfasdf",
        "asdffdgdfg",
        "sdfgsdfgsd",
        "sdfgsdfgsdf"
    ]
},
        options:{
            scales: {
                scaleShowLine:false,
                display:false,
            },
            tooltips:{
                enabled:false,
            }

        },    

            animation:{
                animateScale:true
            },

});

     });
3gtaxfhh

3gtaxfhh1#

您需要编辑的属性实际上位于**scale**中,而不是您所做的scales(以及您对其他图表类型所做的):

var options = {
    scale: {
        display: false
    }
};

这将给予this result

tcomlyy6

tcomlyy62#

对我的案例(chart.js v3.7.1)起作用的是:

var options = {
  scales: {
    r: {
      display: false
    }
  }
}

极坐标面积图使用RadialLinearScale。因此,如本文所述,display: none属性应转到轴ID(options.scales[scaleId]),RadialLinearScale的轴ID为r

相关问题