在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
});

添加"options: [scaleShowLabels=false]"无法正常工作，原因不明。

- watMartin

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对象进行观察，并使用开发工具逐步执行代码。

- zipzit

Answer 2

请注意，在 Chart.js 版本 3 中，options 现在有一个内部字段 plugins，其中可以配置这些选项。因此现在是这样的：

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

或者以编程方式实现：

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

- Paul Isaris