删除chart.js中的雷达图标签

Question

我试图摆脱标签“ undefined”的显示，因为它只有一个数据集，不需要图例。

这是我的代码：

// Radar chart data
var radarData = {
labels : ["Abs","Arms","Back","Butt","Chest","Legs","Shoulders"],
datasets : [
    {
  lavel: "test",
        fillColor: "rgba(102,45,145,.1)",
        strokeColor: "rgba(102,45,145,1)",
        pointColor : "rgba(220,220,220,1)",
        pointStrokeColor : "#fff",
        data : [65,59,90,81,56,55,40]
    }
]
};

// Create Radar chart
var ctx = document.getElementById("radarChart").getContext("2d");

var myNewChart = new Chart(ctx, {
type: "radar",
data: radarData
});

由于某些原因，无法添加“选项：[scaleShowLabels = false]”。

Answer 1

var myNewChart = new Chart(ctx, {
            type: "radar",
            data: radarData,
        });
        myNewChart.options.title.text = "top of chart";   // test, total fail
        myNewChart.options.legend.display = false;        // This one does it!

因此，显然在雷达图上，该顶部元素称为图例。我能够在Chrome的myNewChart对象上放置一个手表，并通过开发工具中的代码进行操作。

Answer 2

请记住，在Chart.js 版本 3中，options现在有一个plugins内部字段，可以在其中配置此类选项。所以现在是：

options:{
      plugins:{
         legend:{
            display:false
         }
      }
   }

或者以编程方式：

myNewChart.options.plugins.legend.display = false;