Javascript 要将y轴刻度设置为固定值吗

我正在尝试基于数据点的线图和面积图的组合

在图1中，Y轴看起来很笨拙，有很多记号。是否有一种方法可以将这些记号设置为y轴上的“3”。这对于任何数据点都应保持不变，刻度应始终为3

在图2中，还有一条额外的水平线，在0下方。有什么办法可以避免它，所以引用总是从0开始，而不是在0以下

沙盒链接：

import*as React from“React”；
从“Highcharts”导入Highcharts；
从“highcharts react official”导入highcharts react；
从“海图/模块/导出”导入HC_导出；
HC_出口（高图表）；
功能折线图（道具）{
让图表选项={
图表：{
键入：“行”，
高度：道具高度
},
图例：{
对齐：“居中”，
垂直排列：“底部”，
x:0,，
y:0
},
工具提示：{
分享：是的，
是的，
格式化程序：函数（）{
让自我=这个；
设formattedString=“”；
self.points.forEach（elem=>{
格式化字符串+=
'' +
elem.series.name+
": ";
格式化字符串+=
'' +
元素y+
" (" +
元素点+
")";
});
返回格式化字符串；
}
},
颜色：道具。传奇色彩，
xAxis：{
可见：对，
步骤：1，
时间间隔：6，
类别：道具。类别
},
亚克斯：{
可见：对，
步骤：1，
时间间隔：1，
标题：{
启用：对，
文本：“值”，
风格：{
重量：“100”
}
}
},
打印选项：{
专栏：{
数据标签：{
启用：对，
作物：假，
溢出：“无”
}
},
行：{
标记：{
已启用：false
}
}
},
系列：props.chartData
};
回来
}
导出默认线形图；

在图1中，Y轴看起来很笨拙，有很多记号。有办法吗 这些记号可以设置为y轴上的“3”。这应该 对于任何数据点保持不变，刻度应始终为3

使用

tickAmount

属性：

yAxis: {
  tickAmount: 3,
  ..
}

API参考：

---

在图2中，还有一条额外的水平线，在0下方。是 有任何方法可以避免它，所以引用总是从0开始 比0以下的行更重要

是的，例如，您可以设置

softMax

属性。如果只有0个值，Highcharts无法计算轴比例

yAxis: {
  softMax: 1,
  ...
}

API参考：

yAxis: {
  softMax: 1,
  ...
}