JS Charts的suggestedMin、suggestedMax不生效 折线图与气泡图高度不一致咨询

问题1：Y轴设置suggestedMin后依然从0开始的解决方法 #

你当前配置不生效是两个原因导致的：

1. 缺少beginAtZero: false配置，Y轴默认会优先从0开始刻度，覆盖suggestedMin的设置
2. 步长参数名错误，正确参数为stepSize而非你写的stepValue

你可以将yAxes的ticks配置替换为以下内容：

yAxes: [
  {
    ticks: {
      display: true,
      fontColor: "#90b5ff",
      suggestedMin: 10000,
      suggestedMax: 100000,
      stepSize: 5000,
      beginAtZero: false // 强制不默认从0开始
    },
  },
],

如果需要完全强制Y轴范围不随数据变化，可以直接将suggestedMin/suggestedMax替换为min/max，就算数据超出你设置的范围也会固定刻度区间。

问题2：两个图表高度保持一致的解决方法 #

你已经在配置中开启了maintainAspectRatio: false，这是自定义图表高度的前提，接下来只需要做两步即可：

• 确认气泡图的配置中也开启了responsive: true和maintainAspectRatio: false
• 给两个图表的DOM容器设置相同的固定高度，示例CSS如下：

/* 把bubbleChart替换为你实际的气泡图容器ID */
#lineprices, #bubbleChart {
  height: 400px; /* 按需调整为你需要的统一高度即可 */
  width: 100%;
}

图表渲染会直接匹配外层容器的尺寸，只要两个容器高度一致，渲染出来的图表高度就会完全相同。

当前效果参考：

内容的提问来源于stack exchange，提问作者Murzik