Javascript 使用jQuery选择和编辑此脚本中的嵌套值
是否可以使用jQuery访问和更改函数中对象的元素?例如,我可以使用单独的jQuery函数访问这个JSFIDLE上JS的第33行,并动态更改图表标题的内容吗 (我尝试用对象属性的引用替换Javascript 使用jQuery选择和编辑此脚本中的嵌套值,javascript,jquery,Javascript,Jquery,是否可以使用jQuery访问和更改函数中对象的元素?例如,我可以使用单独的jQuery函数访问这个JSFIDLE上JS的第33行,并动态更改图表标题的内容吗 (我尝试用对象属性的引用替换text:'Activity',,例如text:myObj.title,,但没有成功) $(函数(){ //取消注释以将其样式设置为Apple Watch /* if(!Highcharts.theme){ Highcharts.setOptions({ 图表:{ 背景颜色:“黑色” }, 颜色:['#F623
text:'Activity',
,例如text:myObj.title,
,但没有成功)
$(函数(){
//取消注释以将其样式设置为Apple Watch
/*
if(!Highcharts.theme){
Highcharts.setOptions({
图表:{
背景颜色:“黑色”
},
颜色:['#F62366','#9DFF02','#0CDD6'],
标题:{
风格:{
颜色:“银色”
}
},
工具提示:{
风格:{
颜色:“银色”
}
}
});
}
// */
Highcharts.chart('容器'{
图表:{
类型:“solidgauge”,
玛金托普:50
},
标题:{
文本:“活动”,
风格:{
字体大小:“24px”
}
},
工具提示:{
边框宽度:0,
背景颜色:“无”,
影子:错,
风格:{
字体大小:“16px”
},
pointFormat:“{series.name}
{point.y}%”,
定位器:功能(标签宽度){
返回{
x:200-标签宽度/2,
y:180
};
}
},
窗格:{
startAngle:0,
端角:360,
背景:[{//移动轨迹
外层:112%,
内半径:“88%”,
backgroundColor:Highcharts.Color(Highcharts.getOptions().Color[0]).setOpacity(0.3).get(),
边框宽度:0
},{//运动轨迹
外层:87%,
内半径:“63%”,
backgroundColor:Highcharts.Color(Highcharts.getOptions().Color[1]).setOpacity(0.3).get(),
边框宽度:0
},{//看台轨道
外层:62%,
内半径:“38%”,
backgroundColor:Highcharts.Color(Highcharts.getOptions().Color[2]).setOpacity(0.3).get(),
边框宽度:0
}]
},
亚克斯:{
分:0,,
最高:100,
线宽:0,
位置:[]
},
打印选项:{
solidgauge:{
边框宽度:“34px”,
数据标签:{
已启用:false
},
线头:“圆形”,
粘滞跟踪:错误
}
},
系列:[{
名称:'移动',
borderColor:Highcharts.getOptions().Color[0],
数据:[{
颜色:Highcharts.getOptions().color[0],
半径:“100%”,
内半径:“100%”,
y:80
}]
}, {
名称:"运动",,
borderColor:Highcharts.getOptions().Color[1],
数据:[{
颜色:Highcharts.getOptions().color[1],
半径:“75%”,
内半径:“75%”,
y:65
}]
}, {
名称:'站',
borderColor:Highcharts.getOptions().Color[2],
数据:[{
颜色:Highcharts.getOptions().colors[2],
半径:“50%”,
内半径:“50%”,
y:50
}]
}]
},
/**
*在图表加载回调中,在圆形顶部添加图标
*/
函数回调(){
//移动图标
this.renderer.path(['M',-8,0'L',8,0'M',0,-8'L',8,0,0,8])
艾特先生({
“笔划”:“303030”,
“笔划线头”:“圆形”,
“笔划线条连接”:“圆形”,
“笔划宽度”:2,
“zIndex”:10
})
.翻译(190,26)
.add(此.series[2].group);
//运动图标
这个.renderer.path(['M',-8,0,'L',8,0,'M',0,-8,'L',8,0,0,8,'M',8,-8,'L',16,0,8,8])
艾特先生({
“笔划”:“303030”,
“笔划线头”:“圆形”,
“笔划线条连接”:“圆形”,
“笔划宽度”:2,
“zIndex”:10
})
.翻译(190,61)
.add(此.series[2].group);
//站立图标
this.renderer.path(['M',0,8',L',0,-8',M',-8,0',L',0,-8,8,0])
艾特先生({
“笔划”:“303030”,
“笔划线头”:“圆形”,
“笔划线条连接”:“圆形”,
“笔划宽度”:2,
“zIndex”:10
})
.翻译(190,96)
.add(此.series[2].group);
});
});代码>
不,脚本是自动执行的匿名函数,您无法访问其中的任何内容,因为它将超出范围。该函数中的作用域只能由其内部的其他成员访问
内部访问某个对象的唯一方法是从内部将该值或方法附加到窗口
对象。这本质上是Javascript中的“全局”范围
window.whatever = 'something';
然后,您可以从另一个脚本访问它
console.log(window.whatever);
不,脚本是自动执行的匿名函数,您无法访问其中的任何内容,因为它将超出范围。该函数中的作用域只能由其内部的其他成员访问
内部访问某个对象的唯一方法是从内部将该值或方法附加到窗口
对象。这本质上是“全球”范围