Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法连接不同的高点_Javascript_Highcharts - Fatal编程技术网

Javascript 无法连接不同的高点

Javascript 无法连接不同的高点,javascript,highcharts,Javascript,Highcharts,我对任何javascript/html等编码都非常陌生,所以如果这是一个愚蠢的问题,请原谅我 我正试图设计一个计算器,它可以根据大量输入预测你的退休收入。这个计算器工作得很好,作为输出的一部分,我想画出你的退休收入随退休年龄的变化情况 我写了一个小脚本,用结果填充数组[[退休年龄1,收入1],[退休年龄2,收入2]…等等]。我的代码中的这个数组称为agePoints,然后我想使用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=[]。后者解决了这个问题。