删除chart.js

Question

我正试图摆脱我的图表顶部显示的“未定义”标签，因为我只有一个数据集而且不需要传奇。

这是我的代码：

// 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]”由于某种原因不起作用。

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对象上放置一个手表，并通过dev工具中的代码进行操作。

Answer 2

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

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

或以编程方式：

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