角度ngx图

Question

我用ngx-charts创建了一个图，但是我不能做几件事：我想将总数放在图的中心，并改变总词的诽谤。我想要例如9个传奇。然后，我想垂直而不是水平放置图例。我想拥有：图例：数字。 我不想有一个百分比

  <ngx-charts-advanced-pie-chart
    [view]="view"
    [scheme]="colorScheme"
    [results]="single"
  >
  </ngx-charts-advanced-pie-chart>


  public single = [
  {
   "name": "Légend 1",
   "value": 4
  },
  {
   "name": "Légend 2",
   "value": 3
  },
  {
   "name": "Légend 3",
   "value": 2
  }
  ];


  view: any[] = [700, 400];


  colorScheme = {
   domain: ['#edbb48', '#999999', '#f29011']
  };

当前看起来像这样：https://swimlane.gitbook.io/ngx-charts/v/docs-test/examples/pie-charts/advanced-pie-chart

Answer 1

在ngx-chart中具有'valueFormatting'选项的高级饼图，使用此选项可以格式化图表图例中的数值。 对于图例位置，您可以使用“ legendPosition”属性调整图例的位置，但是在饼图中心需要图例的情况下，它不能满足您的目的。 我认为您需要基于ngx-cahrts创建一个自定义组件，并在其中覆盖SVG结构。 另外，探索ngx-charts-advanced-legend。

https://swimlane.gitbook.io/ngx-charts/custom-charts