javascript - 如何在 Angular echarts中将y轴设置为5

Question

代码如下:

https://stackblitz.com/edit/ngx-echarts-odv9rp?file=src/app/app.component.html

TS

xAxis = {
    type: "category",
    boundaryGap: false,
    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
  };
  yAxis = {
    type: "value",
    max: "100"
  };
  series = [
    {
      data: [23.2, 24.3, 32.2, 36.5, 32.9, 52.2, 92.1],
      type: "line",
      areaStyle: {}
    }
  ];

HTML

<ngx-echarts
  style="width: 300px; height: 300px;"
  [xAxis]="xAxis"
  [yAxis]="yAxis"
  [series]="series">
</ngx-echarts>

我想要做的是将 yAxis 设置为 5。例如 0、5、10、15、20、25 ... 到 100。

如何将 yAxis 设置为 5？

Answer 1

使用interval :

yAxis = {
  type: "value",
  max: "100",
  interval: 5
}