PrimeNg 饼图 - 默认显示所有工具提示？

Question

我在我的 Angular 6 应用程序中使用基于 Charts.js 2.7.x 的 PrimeNg（最新）创建饼图。一切正常。 但我有一个要求，默认情况下我想在饼图中显示所有工具提示。 我要实现：this

我找到并尝试了如下选项，但它不起作用。只有标题和图例有效：

<p-chart type="pie" [data]="data" [options]="options"></p-chart>

this.options = {
  onAnimationComplete: function() {
    this.showTooltip(this.segments, true);
  },

  tooltipEvents: [],

  showTooltips: true,
  title: {
    display: true,
    text: 'My Title',
    fontSize: 16
  },
  legend: {
    position: 'bottom'
  }
}

有什么方法可以在 PrimeNg 中实现这一点？已添加Plunk

Answer 1

根据this，你需要将intersect作为false传递。默认为true。

尝试像这样更新您的配置：

this.options = {
  onAnimationComplete: function() {
    this.showTooltip(this.segments, true);
  },

  tooltipEvents: [],

  tooltips: {
    intersect: false
  },

  showTooltips: true,
  title: {
    display: true,
    text: 'My Title',
    fontSize: 16
  },
  legend: {
    position: 'bottom'
  }
}