Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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 是否可以在Highcharts角规中延迟打捆针加载动画?_Javascript_Jquery_Highcharts_Gauge - Fatal编程技术网

Javascript 是否可以在Highcharts角规中延迟打捆针加载动画?

Javascript 是否可以在Highcharts角规中延迟打捆针加载动画?,javascript,jquery,highcharts,gauge,Javascript,Jquery,Highcharts,Gauge,我已经创建了一个高角度测量仪。我需要延迟针加载动画 代码如下: $(函数(){ 美元(“#米”)。高图({ 图表:{ 类型:“仪表”, plotBackgroundColor:null, plotBackgroundImage:空, 绘图边框宽度:0, plotShadow:false }, 学分:{ 已启用:false }, 标题:{ 文本:“” }, // 打印选项:{ 仪表:{ 数据标签:{ 已启用:false }, 拨号:{ 半径:“70%”, 背景颜色:“#000”, 顶宽:1, 底

我已经创建了一个高角度测量仪。我需要延迟针加载动画

代码如下:

$(函数(){
美元(“#米”)。高图({
图表:{
类型:“仪表”,
plotBackgroundColor:null,
plotBackgroundImage:空,
绘图边框宽度:0,
plotShadow:false
},
学分:{
已启用:false
},
标题:{
文本:“”
},
//
打印选项:{
仪表:{
数据标签:{
已启用:false
},
拨号:{
半径:“70%”,
背景颜色:“#000”,
顶宽:1,
底宽:5,
后身长度:“20%”
},
支点:{
半径:5,
边框宽度:5,
边框颜色:“#000”,
背景颜色:“#fff”
}
}
},
窗格:{
startAngle:-90,
端角:90,
中心:['50%,'55%'],
尺寸:85%,
startAngle:-90,
端角:90,
背景:{
背景颜色:“#0187CC”,
内半径:“110%”,
外层:“100%”,
边框颜色:“透明”,
形状:“弧”,
},
},
//价值轴
亚克斯:{
分:0,,
最高:30,
minorTickInterval:“自动”,
minorTickWidth:0,
minorTickLength:10,
minorTickPosition:“内部”,
minorTickColor:“#0187CC”,
像素间隔:30,
宽度:10,
位置:'内部',
长度:10,
勾选颜色:“#0187CC”,
标签:{
步骤:2,
旋转:“自动”
},
标题:{
文本:“”
},
绘图带:[{
颜色:'#FFF'
} 
]
},
系列:[{
名称:“速度”,
数据:[20],
工具提示:{
valueSuffix:'Mbps'
}
}]
},
//增添活力
功能(图表){
if(!chart.renderer.forExport){
setInterval(函数(){
变量点=图表。系列[0]。点[0],
纽瓦尔,
inc=数学舍入((数学随机()-0)*0);
newVal=点y+inc;
如果(newVal<0 | | newVal>200){
newVal=point.y-inc;
}
更新点(newVal);
}, 3000);
}
});
});
.highcharts title、.highcharts按钮、.highcharts数据标签、.highcharts工具提示、.highcharts轴路径:最后一个子级、.highcharts轴路径:第一个子级、.highcharts轴路径:第n个子级(13){
显示:无;
}
.highcharts轴标签文本{
填写:#000!重要;
}

在“绘图选项”属性中,添加以下代码:

series: {
    animation: {
        duration: 2000
    }
}
这将导致仪表指针启动更慢。增加数量以降低速度;减少数字以加快速度

另请参见下面更新的代码段

我希望这是有帮助的

$(函数(){
美元(“#米”)。高图({
图表:{
类型:“仪表”,
plotBackgroundColor:null,
plotBackgroundImage:空,
绘图边框宽度:0,
plotShadow:false
},
学分:{
已启用:false
},
标题:{
文本:“”
},
//
打印选项:{
仪表:{
数据标签:{
已启用:false
},
拨号:{
半径:“70%”,
背景颜色:“#000”,
顶宽:1,
底宽:5,
后身长度:“20%”
},
支点:{
半径:5,
边框宽度:5,
边框颜色:“#000”,
背景颜色:“#fff”
}
},
系列:{
动画:{
持续时间:2000年
}
}
},
窗格:{
startAngle:-90,
端角:90,
中心:['50%,'55%'],
尺寸:85%,
startAngle:-90,
端角:90,
背景:{
背景颜色:“#0187CC”,
内半径:“110%”,
外层:“100%”,
边框颜色:“透明”,
形状:“弧”,
},
},
//价值轴
亚克斯:{
分:0,,
最高:30,
minorTickInterval:“自动”,
minorTickWidth:0,
minorTickLength:10,
minorTickPosition:“内部”,
minorTickColor:“#0187CC”,
像素间隔:30,
宽度:10,
位置:'内部',
长度:10,
勾选颜色:“#0187CC”,
标签:{
步骤:2,
旋转:“自动”
},
标题:{
文本:“”
},
绘图带:[{
颜色:'#FFF'
} 
]
},
系列:[{
名称:“速度”,
数据:[20],