Javascript 无法连接不同的高点
我对任何javascript/html等编码都非常陌生,所以如果这是一个愚蠢的问题,请原谅我 我正试图设计一个计算器,它可以根据大量输入预测你的退休收入。这个计算器工作得很好,作为输出的一部分,我想画出你的退休收入随退休年龄的变化情况 我写了一个小脚本,用结果填充数组[[退休年龄1,收入1],[退休年龄2,收入2]…等等]。我的代码中的这个数组称为agePoints,然后我想使用highcharts折线图来绘制结果 我遇到的问题是,图形显示的是不同的点,而不是直线。我尝试过很多解决方案,但都不管用 如果可以,请帮忙 代码如下:Javascript 无法连接不同的高点,javascript,highcharts,Javascript,Highcharts,我对任何javascript/html等编码都非常陌生,所以如果这是一个愚蠢的问题,请原谅我 我正试图设计一个计算器,它可以根据大量输入预测你的退休收入。这个计算器工作得很好,作为输出的一部分,我想画出你的退休收入随退休年龄的变化情况 我写了一个小脚本,用结果填充数组[[退休年龄1,收入1],[退休年龄2,收入2]…等等]。我的代码中的这个数组称为agePoints,然后我想使用highcharts折线图来绘制结果 我遇到的问题是,图形显示的是不同的点,而不是直线。我尝试过很多解决方案,但都不管
$(function () {
$('#container').highcharts({
chart: {
type:'line'
},
title: {
text: 'Retirement Income',
x: -20 //center
},
subtitle: {
text: 'Income by Retirement Age',
x: -20
},
xAxis: {
// axisPoints is an array which contains the retirement ages only
categories: axisPoints
min:axisPoints[1],
title: {
text: 'Retirement Age'
}
//categories: axisPoints
},
yAxis: {
min:0,
title: {
text: 'Monthly Income'
},
},
legend: {
enabled:false
},
credits: {
enabled: false
},
//one thing I tried below to get it to work
plotOptions: {
series: {
connectNulls: true
}
},
series: [{
name: 'Projected Income',
// age points is the array mentioned in my question above
data: agePoints
}]
});
});
图表如下所示:
由于轴正确且数据显示正确,图表看起来很好。然而,x轴上的每个年龄点都有一个不同的点,而不是显示一条线
提前感谢。只需将agePoints数组中缺少的值替换为null即可 e、 g比较这些 系列:[{ 名称:"东京",, 数据:[6.9,9.5,14.5,18.4,21.5,25.2,26.5,23.3,18.3,13.9,9.6], },{名称:'塔林',
数据:[null,4.9,4.5,4.5,4.4,3.5,2.2,26.5,23.3,18.3,13.9,9.6]}]确保您的年龄点按退休年龄排序,如下所示:退休年龄1<退休年龄2<退休年龄3等。我认为年龄点数组已经这样排序了。第一个值是您的当前年龄,下面的每个值都会将该年龄增加1,直到80岁。是什么提示数组没有按正确的顺序排序?数据没有排序时,通常会出现缺行的问题。此外,请确保所有值都是数字,而不是字符串。最后一件事-如果您有较旧的版本,请将Highcharts更新为3.0.7。抱歉…我不小心将min.axisPoints[1]更改为min.axisPoints[0]修复了此问题。不知道为什么会出现问题,但突然我的图表中出现了一条直线。谢谢。我想这就是问题所在。在最初定义数组时,我意外地将var agePoints=[[]]作为其第一个值赋给了一个空数组;而不是var agePoints=[]。后者解决了这个问题。