刪除 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
});

添加“選項：[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;