隐藏图表圆环图上的标签

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

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

  1. var category_doughnut_datas = [80,5,5,10];
  2. var category_doughnut__data = {
  3. labels: ["Safe Zone", "Level 1","Level 2","Level 3"],
  4. };
  5. var category_doughnut_options = {
  6. cutoutPercentage: 60,
  7. legend: {
  8. display: false,
  9. position: "top",
  10. paddingBottom: 16,
  11. align: "start",
  12. labels: {
  13. fontColor: "#555555",
  14. fontSize: 20,
  15. boxWidth: 0,
  16. },
  17. },
  18. tooltips: {
  19. displayColors: false,
  20. },
  21. responsive: true,
  22. };
  23. var dough_ctx = document.getElementById("overallStatus").getContext("2d");
  24. if (dough_ctx) {
  25. var myDoughnutChart = new Chart(dough_ctx, {
  26. type: "doughnut",
  27. data: category_doughnut__data,
  28. options: category_doughnut_options,
  29. });
  30. }
ie3xauqp

ie3xauqp1#

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

doinxwow

doinxwow2#

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

相关问题