Ngx-Charts 显示所有 x 轴值,但替代 x 轴标签

kub*_*ran 5 javascript charts angular ngx-charts

我目前正在研究 ngx 图表,例如我有 12 个 x 轴,每个值都需要绘制在图表中,但只需要显示备用 x 轴标签。

html代码

<ngx-charts-area-chart  [view]="view" [scheme]="colorScheme" [legend]="legend" [showXAxisLabel]="showXAxisLabel" [showYAxisLabel]="showYAxisLabel" [xAxis]="xAxis" [yAxis]="yAxis"
 [xAxisLabel]="xAxisLabel" [yAxisLabel]="yAxisLabel" [results]="multi" (select)="onSelect($event)">
</ngx-charts-area-chart>
Run Code Online (Sandbox Code Playgroud)

数据.ts

var multi = [ {
"name": "Belarus",
"series": [
  {
    "value": 5776,
    "name": "Jan 19"
  },
  {
    "value": 4299,
    "name": "Feb 19"
  },
  {
    "value": 3995,
    "name": "Mar 19"
  },
  {
    "value": 6597,
    "name": "Apr 19"
  },
  {
    "value": 4954,
    "name": "May 19"
  },
  {
    "name": "June 19",
    "value": 3865
  },
  {
    "name": "July 19",
    "value": 2349
  },
  {
    "name": "Aug 19",
    "value": 6910
  },
  {
    "name": "Sept 19",
    "value": 6224
  },
  {
    "name": "Oct 19",
    "value": 4161
  },
  {
    "name": "Nov 19",
    "value": 4825
  },
  {
    "name": "Dec 19",
    "value": 3835
  }
]},{
"name": "Croatia",
"series": [
  {
    "value": 2576,
    "name": "Jan 19"
  },
  {
    "value": 5427,
    "name": "Feb 19"
  },
  {
    "value": 3097,
    "name": "Mar 19"
  },
  {
    "value": 4385,
    "name": "Apr 19"
  },
  {
    "value": 4849,
    "name": "May 19"
  },
  {
    "name": "June 19",
    "value": 2867
  },
  {
    "name": "July 19",
    "value": 6241
  },
  {
    "name": "Aug 19",
    "value": 6517
  },
  {
    "name": "Sept 19",
    "value": 3808
  },
  {
    "name": "Oct 19",
    "value": 2068
  },
  {
    "name": "Nov 19",
    "value": 5121
  },
  {
    "name": "Dec 19",
    "value": 3876
  }
]}]
Run Code Online (Sandbox Code Playgroud)

在上面的 x 轴数据集中,我需要绘制图表中的所有值,但只需要显示替代标签。这需要应用于所有类型的 ngx 图表。