Javascript 错误的x轴最小最大值图表

我正在创建一个面积图，其中y轴值必须在x轴的边缘开始和结束。我提到的以下内容适用于大于2的值

对于>2个值

对于小于2的值，x轴标签将消失，并显示一些数字

---

对于，请注意将xAxis.min和xAxis.max设置为0.5会拓宽轴，默认情况下，只有两个点的最小值设置为0，最大值设置为1，这就是图表看起来像这样的原因

作为解决方案，您可以尝试以下解决方案：

演示：

此自定义代码查找最高的总值，并将其设置为轴的最大值：

events: {
  load() {
    let chart = this,
        yAxis = chart.yAxis[0],
        total = 0;
    for (let i in yAxis.stacks['area,,,']) {
      total = Math.max(total, yAxis.stacks['area,,,'][i].total)
    }

    yAxis.update({
      max: total
    })
  }
}

API:

---

API:

请注意，将xAxis.min和xAxis.max设置为0.5会拓宽轴，默认情况下，只有两个点的最小值设置为0，最大值设置为1，这就是图表看起来像这样的原因

作为解决方案，您可以尝试以下解决方案：

演示：

此自定义代码查找最高的总值，并将其设置为轴的最大值：

events: {
  load() {
    let chart = this,
        yAxis = chart.yAxis[0],
        total = 0;
    for (let i in yAxis.stacks['area,,,']) {
      total = Math.max(total, yAxis.stacks['area,,,'][i].total)
    }

    yAxis.update({
      max: total
    })
  }
}

API:

API: