Javascript Highcharts车速表仪表更换标签

Javascript Highcharts车速表仪表更换标签,javascript,jquery,angularjs,highcharts,Javascript,Jquery,Angularjs,Highcharts,我想实现速度表来显示互联网带宽速度,但我想改变它的数字顺序。我找了很多,但什么也没找到 请查找以下highchart仪表的代码段。我想更改标签(编号)。在下面的示例中,数字序列是0,10,20,30,…,100 但我的要求是数字顺序应该是0,1,5,10,20,30,40,50,60,70,80,90100 检查仪表的下图: 但我的要求是数字顺序应该是0,1,5,10,20,30,40,50,60,70,80,90100 有没有办法改变号码 Highcharts.chart('contain

我想实现速度表来显示互联网带宽速度,但我想改变它的数字顺序。我找了很多,但什么也没找到

请查找以下highchart仪表的代码段。我想更改标签(编号)。在下面的示例中,数字序列是0,10,20,30,…,100

但我的要求是数字顺序应该是0,1,5,10,20,30,40,50,60,70,80,90100

检查仪表的下图:

但我的要求是数字顺序应该是0,1,5,10,20,30,40,50,60,70,80,90100

有没有办法改变号码

Highcharts.chart('container'{
图表:{
类型:“仪表”,
plotBackgroundColor:null,
plotBackgroundImage:空,
绘图边框宽度:0,
plotShadow:false
},
标题:{
文字:“速度表”
},
窗格:{
startAngle:-150,
端角:150,
背景:[{
背景颜色:{
线性半径:{x1:0,y1:0,x2:0,y2:1},
停止:[
[0,#FFF'],
[1, '#333']
]
},
边框宽度:0,
外层:109%
}, {
背景颜色:{
线性半径:{x1:0,y1:0,x2:0,y2:1},
停止:[
[0, '#333'],
[1'#FFF']
]
},
边框宽度:1,
外层:107%
}, {
//默认背景
}, {
背景颜色:“#DDD”,
边框宽度:0,
外层:105%,
内半径:“103%”
}]
},
//价值轴
亚克斯:{
分:0,,
最高:100,
minorTickInterval:“自动”,
minorTickWidth:1,
minorTickLength:10,
minorTickPosition:“内部”,
minorTickColor:“#666”,
像素间隔:30,
宽度:2,
位置:'内部',
长度:10,
勾选颜色:'#666',
标签:{
步骤:2,
旋转:“自动”
},
标题:{
文本:“Mbps”
},
绘图带:[{
起:0,,
致:60,,
颜色:'#55BF3B'//绿色
}, {
从:60,
致:80,,
颜色:'#DDDF0D'//黄色
}, {
从:80,
致:100,,
颜色:'#DF5353'//红色
}]
},
系列:[{
名称:“速度”,
数据:[80],
工具提示:{
valueSuffix:'公里/小时'
}
}]
},
//增添活力
功能(图表){
if(!chart.renderer.forExport){
setInterval(函数(){
变量点=图表。系列[0]。点[0],
纽瓦尔,
inc=数学舍入((数学随机数()-0.5)*20);
newVal=点y+inc;
如果(newVal<0 | | newVal>200){
newVal=point.y-inc;
}
更新点(newVal);
}, 3000);
}
});

您可以使用
yAxis.tickPositions
()指定特定的记号位置

就你而言:

yAxis: {
    tickPositions: [0,1,5,10,20,30,40,50,60,70,80,90,100]
}
在您的示例中,您将
yAxis.labels.step
设置为
2
,需要将其删除,以便您不会跳过已定义的
勾选位置的任何标签(除非您愿意)


请参阅您建议的标签。

@Halvor…感谢您的回答,它解决了我的问题。