Javascript HighCharts错误#18:请求的轴不存在

我不熟悉HighCharts，我正在尝试在同一个x轴（x轴）上显示两个图形，如下所示：

但是，我收到一条错误消息：当您将序列的xAxis或yAxis属性设置为指向不存在的轴时，会发生此错误

错误出现在“图表1”中

html和JAVASCRIPT代码如下所示：

$（函数更新（）{
变量url=”https://xpm4zyor39.execute-api.us-west-2.amazonaws.com/prod/entries";
var=[]，
日期=[]，
高=[]，
日期=[]，
chanceOfRain=[]，
最终结果=[]，
最后一天=[]，
高_最终=[]，
chanceOfRain_final=[]
$.getJSON（url，函数（json）{
$（json['Items']）。每个（函数（i，数据）{
//存储指示符名称
//填充日期数组
潮湿。推动（数据。湿度）；
//填充字符串数据数组
日期推送（数据日期）；
high.push（数据高）；
推送（data.day）；
chanceOfRain.push（data.chanceOfRain）；
});
控制台日志（日期）；
//查询需要转换为数字的发送字符串
对于（变量i=0；i<1.length；i++）{
if（潮湿[i]！=null）{
湿推（湿浮（湿[i]）；
高_最终推压（parseFloat（高[i]）；
最终推送（第[i]天）；
chanceOfRain_final.push（parseFloat（chanceOfRain[i]）；
}否则{
最终推送（空）
};
}
日志（“日终”，日终）；
var chart=新的Highcharts.chart({
图表：{
类型：“样条线”，
renderTo:“光”，
marginBottom:200
},
标题：{
文本：“指示符名称”
},
工具提示：{
数值小数：2，
pointFormat:'\u25CF{series.name}:{point.y}%

},
打印选项：{
系列：{
标记：{
已启用：false
}
}
},
副标题:{
文字：“环境光照度”
},
xAxis：{
类别：day_final/.reverse（）将最小年份置于左侧
},
系列：[{
名称：'光级'，
数据：高等教育//
}]
});
var chart1=高图表。图表（‘温度和湿度’{
图表：{
zoomType:'xy'
},
标题：{
正文：“湿度和温度”
},
xAxis：{
类别：[1,2,3]，
十字准星：对
},
亚克斯：[{
标签：{
格式：“{value}°C”，
风格：{
颜色：Highcharts.getOptions（）.colors[2]
}
},
标题：{
文字：“温度”，
风格：{
颜色：Highcharts.getOptions（）.colors[2]
}
},
相反：对
},
{//次Y轴
网格线宽：0，
标题：{
文字：“湿度”，
样式：{
颜色：Highcharts.getOptions（）.color[0]
}
},
标签：{
格式：“{value}%”，
风格：{
颜色：Highcharts.getOptions（）.color[0]
}
}
}] 
,
工具提示：{shared:true}，
图例：{
布局：“垂直”，
对齐：'左'，
x:80，
垂直排列：“顶部”，
y:55，
浮动：是的，
背景颜色：（Highcharts.theme&&Highcharts.theme.legendBackgroundColor）| |'#FFFFFF'
},
系列：[{
名称：'湿度'，
键入：“列”，
亚克西斯:1,，
数据：[12,3]，
工具提示：{valueSuffix:'%1！'}
},
{
名称：'温度'，
类型：'样条'，
亚克斯:2,，
数据：[1,2,3]，
工具提示：{valueSuffix:'°C'}
}]
});
})；//getJSON方法
setTimeout（更新，3000）；
});
您正在执行以下操作：

series:[{
    yAxis:1,
  },
  {
    yAxis:2,
  }]

您需要执行以下操作：

series:[{
    yAxis:0,
  },
  {
    yAxis:1,
  }]

问题是轴在0处开始索引。因此，将温度设置为轴2的索引不起作用，因为没有轴2。在演示中有3个轴，这就是为什么它使用这些定义。
轴从0开始。还可以使用Axis.id与系列关联。示例：.Argh，如果在错误18的错误页面上有此信息，那就太好了