angular echarts中如何设置y轴为5
How to set the yAxis by 5 in angular echarts
代码如下:
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。
如何将 y 轴设置为 5?
使用interval:
yAxis = {
type: "value",
max: "100",
interval: 5
}
代码如下:
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。
如何将 y 轴设置为 5?
使用interval:
yAxis = {
type: "value",
max: "100",
interval: 5
}