Javascript 海图';s错误:未捕获的语法错误:的意外标记

Javascript 海图';s错误:未捕获的语法错误:的意外标记,javascript,highcharts,Javascript,Highcharts,所以我要做的是,我要根据数组中的数据,在特定的X值上创建绘图线 我有两个数据阵列: featurex = [95,193,295,393,480,587,700,799,912,1015,1123,1230,1336,1443,1554] ; featurey = [0,0,0,0,0,3,0,0,0,0,0,0,0,0,0]; 现在我要做的是,我要在X轴上画一条绘图线,Y轴是3,正如你们在上面看到的 我可以静态地做,但我希望它是动态的 这是我正在使用的Highchart的代码 Highc

所以我要做的是,我要根据数组中的数据,在特定的X值上创建绘图线

我有两个数据阵列:

 featurex = [95,193,295,393,480,587,700,799,912,1015,1123,1230,1336,1443,1554] ;
 featurey = [0,0,0,0,0,3,0,0,0,0,0,0,0,0,0];
现在我要做的是,我要在X轴上画一条绘图线,Y轴是3,正如你们在上面看到的

我可以静态地做,但我希望它是动态的

这是我正在使用的Highchart的代码

Highcharts.chart('ppg', {
    chart: {
        type: 'line'
    },
    title: {
        text: 'ECG Data'
    },
    subtitle: {
        text: ''
    },
    xAxis: 

       for( i=0; i<featurex.length; i++)
     {
        if (featurey[i] == 3) {
            plotLines: [

                   {
                        value: featurex[i],
                        color: '#005a9b94',
                        dashStyle: 'shortdash',
                        width: 100,
                    },

        }


      },
      crosshair: false

    },
    yAxis: {
        title: {
            text: 'Peaks'

        }
    },
   tooltip: {
        enable: false
    },
    plotOptions: {
        column: {
            pointPadding: 0.2,
            borderWidth: 0
        }
    },
    series: [{
        name: '',
        lineWidth: 2,
        data: yData,
         animation: {
                duration: 5000
            }
         },
   {    type: 'scatter',
        name: 'Installation',
        data: zip(xPeak, yPeak),
        animation: {
                duration: 5200
            }
      },



     ]
});

});

});
</script>
Highcharts.chart('ppg'{
图表:{
类型:“行”
},
标题:{
文本:“ECG数据”
},
副标题:{
文本:“”
},
xAxis:

对于(i=0;i似乎您的
绘图线
分配缺少代码中的
]
,应该是这样的

plotLines: [{
          value: featurex[i],
          color: '#005a9b94',
          dashStyle: 'shortdash',
          width: 100,
      }],
}

希望这能有所帮助!

似乎您的
绘图线
作业缺少代码中的
]
,应该是这样的

plotLines: [{
          value: featurex[i],
          color: '#005a9b94',
          dashStyle: 'shortdash',
          width: 100,
      }],
}
希望这有帮助!

问题就在这里

xAxis: 
    for( i=0; i<featurex.length; i++)
你的函数应该是

function generateDynamicPlotLines() {
    const plotLines = [];
    for(var i=0; i<featurex.length; i++) {
       if (featurey[i] == 3) {
           plotLines.push({
           value: featurex[i],
           color: '#005a9b94',
           dashStyle: 'shortdash',
           width: 100,
       });
     }
   }
   return plotLines;
}
函数生成的动态绘图线(){
常量绘图线=[];
对于(var i=0;i问题就在这里

xAxis: 
    for( i=0; i<featurex.length; i++)
你的函数应该是

function generateDynamicPlotLines() {
    const plotLines = [];
    for(var i=0; i<featurex.length; i++) {
       if (featurey[i] == 3) {
           plotLines.push({
           value: featurex[i],
           color: '#005a9b94',
           dashStyle: 'shortdash',
           width: 100,
       });
     }
   }
   return plotLines;
}
函数生成的动态绘图线(){
常量绘图线=[];

对于(var i=0;i您的错误消息不完整。您的颜色十六进制代码超过6个字符。我猜您的错误与for循环的错误差不多。请移除并放置一个数组,然后重新测试。这是控制台中唯一的错误消息。它指向for循环的错误。就十六进制代码而言,最后两位数字表示不透明y、 @muzijack不用于js对象内的循环。相反,使用一个将返回plotLines数组的函数。检查下面的@cdoshi答案。您的错误消息不完整。并且您的颜色十六进制代码超过6个字符。我猜您的错误与循环的错误差不多。删除并放置一个数组,然后再次测试这是我所看到的唯一错误消息在控制台上。它指向for循环的错误。就十六进制代码而言,最后两位数字表示不透明度。@Muzijack不要在js对象内使用for循环。相反,使用一个将返回plotLines数组的函数。检查下面的@cdoshi答案。我试过了。但代码仍然有相同的错误。请您将(或一个工作代码)并与我共享调试更多的链接?我尝试了这个。但是代码仍然有相同的错误。你能把你的(或一个工作代码)在JSFIDLE中与我分享调试更多信息的链接?我正在寻找的确切解决方案,非常感谢。非常感谢。很高兴能提供帮助!!我正在寻找的确切解决方案,非常感谢。非常感谢。很高兴能提供帮助!!