隐藏图表圆环图上的标签

fcg9iug3  于 2022-11-06  发布在  Chart.js
关注(0)|答案(2)|浏览(167)

谢谢你的帮助。我正在使用chartjs的甜甜圈图。在它的百分比值标签来的图形。有什么办法我可以隐藏它。

var category_doughnut_datas = [80,5,5,10];

var category_doughnut__data = {
  labels: ["Safe Zone", "Level 1","Level 2","Level 3"],
  };

var category_doughnut_options = {
  cutoutPercentage: 60,
  legend: {
    display: false,
    position: "top",
    paddingBottom: 16,
    align: "start",
    labels: {
      fontColor: "#555555",
      fontSize: 20,
      boxWidth: 0,
    },
  },
  tooltips: {
    displayColors: false,
  },
  responsive: true,
};
var dough_ctx = document.getElementById("overallStatus").getContext("2d");
if (dough_ctx) {
  var myDoughnutChart = new Chart(dough_ctx, {
    type: "doughnut",
    data: category_doughnut__data,
    options: category_doughnut_options,
  });
}
ie3xauqp

ie3xauqp1#

由于您没有在选项中指定任何选项来将其绘制在图表上,并且它不是默认的chart.js行为,因此我希望您在某处将其定义为默认值,在这种情况下,您可以在插件部分的选项对象中指定datalabels: false来阻止其呈现:
第一个

doinxwow

doinxwow2#

应该提到options.plugins.datalabels: false
如果没有该属性,则默认情况下该值设置为true。

相关问题