Question

我正在Angular 6 App中使用基于Charts.js 2.7.x的PrimeNg（latest）创建饼图。一切工作正常。但是我有一个要求，默认情况下，我想在饼图中显示所有工具提示。我要实现：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'
  }
}

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

1 个答案: