1

如何替换 ngx-charts 的标签?

水平图由三行组成。每行的右侧都有一个标签('8000'、'7500'、'7300')。我需要将这些标签替换为“100%”、“90%”、“3%”。

但是 X 轴上的标签应该保持不变。

结果.

我的组件代码:

export class AppComponent {
  sources = [
    { "id": 0, "name": "qw", "value": 8000 },
    { "id": 1, "name": "er", "value": 7500 },
    { "id": 2, "name": "ty", "value": 7300 }
  ]

  percents = {
    0: '100%',
    1: '90%',
    2: '3%'
  }

  view: any[] = [400, 200];
  showXAxis = true;
  showYAxis = true;
  showXAxisLabel = false;
  showYAxisLabel = false;
  showDataLabel = true;

  constructor() {}

}

现场演示

我使用 ngx-charts 9.0 版本。

4

0 回答 0