Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular ChartJs-饼图-如何删除饼图上的标签_Angular_Chart.js_Chartjs 2.6.0 - Fatal编程技术网

Angular ChartJs-饼图-如何删除饼图上的标签

Angular ChartJs-饼图-如何删除饼图上的标签,angular,chart.js,chartjs-2.6.0,Angular,Chart.js,Chartjs 2.6.0,我在应用程序中使用chart.js中的piechart进行可视化。 我正在使用一个插件,它将标签显示为饼图中的out段 这一切都很好,除了,标签存在于饼图上,这是我不想要的,因为我将标签显示为out段 我查阅了文档,但找不到解决方案,还查看了一些示例 public static readonly pieChartOptions: ChartOptions = { responsive: true, maintainAspectRatio: false, legend: { display:

我在应用程序中使用
chart.js
中的piechart进行可视化。 我正在使用一个插件,它将标签显示为饼图中的out段

这一切都很好,除了,标签存在于饼图上,这是我不想要的,因为我将标签显示为out段

我查阅了文档,但找不到解决方案,还查看了一些示例

public static readonly pieChartOptions: ChartOptions = {
responsive: true,
maintainAspectRatio: false,
legend: {
  display: false
},
tooltips: {
  enabled: true
},
layout: {
  padding: {
    left: 0,
    right: 0,
    top: 70,
    bottom: 0
  }
},
plugins: {
  outlabels: {
    display: true,
    borderWidth: 2,
    lineWidth: 2,
    padding: 3,
    textAlign: 'center',
    stretch: 15,
    font: {
      resizable: true,
      minSize: 12,
      maxSize: 18
    },
    valuePrecision: 1,
    percentPrecision: 2
  }
}
})


@yurzui提到,有一个
chartjs插件标签的引用,我没有删除它。谢谢@yurzui

您需要关闭示例标签,如下所示:

options: {
  plugins: {
    datalabels: {
      display: false
    }
    outlabels: {
      display: true
    }
  }
}

您确定不使用任何其他插件,如
chartjs插件标签
?我这样问是因为默认情况下chartjs不会呈现这些内容labels@yurzui啊!我的错,你是对的,它在模块中被引用了。我没有再相信它!谢谢你指出这个。@user1722043这个插件还在工作吗?chartjs插件piechart Outlabels这正是我要找的。非常感谢。