Highcharts 两系列不同量程的HighChart固体压力表

Highcharts 两系列不同量程的HighChart固体压力表,highcharts,Highcharts,我想在固体仪表上显示温度和湿度计。问题是它们的范围不同 温度-15至40摄氏度 湿度0至100% 是否有可能在显示的位置构建一个实心量规 编辑 我在这上面花了几个小时,这就是我所拥有的 $(函数(){ var计量选项={ 图表:{ 类型:“solidgauge” }, 标题:空, 窗格:{ 中心:['50%,'90%,], 大小:“140%”, startAngle:-90, 端角:90, 背景:{ 背景颜色:(Highcharts.theme&&Highcharts.theme.backgr

我想在固体仪表上显示温度和湿度计。问题是它们的范围不同

温度-15至40摄氏度 湿度0至100%

是否有可能在显示的位置构建一个实心量规

编辑

我在这上面花了几个小时,这就是我所拥有的

$(函数(){
var计量选项={
图表:{
类型:“solidgauge”
},
标题:空,
窗格:{
中心:['50%,'90%,],
大小:“140%”,
startAngle:-90,
端角:90,
背景:{
背景颜色:(Highcharts.theme&&Highcharts.theme.background2)| |'#EEE',
内半径:“60%”,
外层:“100%”,
形状:“圆弧”
}
},
工具提示:{
已启用:false
},
打印选项:{
solidgauge:{
数据标签:{
y:5,
边框宽度:0,
useHTML:true
}
}
}
};
//速度表
$(“#容器速度”).highcharts(highcharts.merge(gaugeOptions{
亚克斯:[{
停止:[
[0.1,#55BF3B'],//绿色
[0.5,#DDDF0D'],//黄色
[0.9,#DF5353']//红色
],
最小:-20,
最高:30,
线宽:0,
minorTickInterval:null,
像素间隔:400,
宽度:0,
标题:{
文字:“温度”,
y:-85
},
标签:{
x:0,,
y:16
}
}, {
分:0,,
最高:100,
线宽:0,
minorTickInterval:null,
像素间隔:400,
宽度:0,
标题:{
文字:“湿度”,
y:-70
},
标签:{
x:18,
y:15
}
}],
学分:{
已启用:false
},
系列:[{
名称:“温度”,
停止:[
[0.1,#55BF3B'],//绿色
[0.5,#DDDF0D'],//黄色
[0.9,#DF5353']//红色
],
数据:[45],
雅克斯:0,
数据标签:{
x:0,,
y:-10,
allowOverlap:是的,
格式:“{y}°C”
},
内半径:'70%',
半径:“100%”
}, {
名称:“湿度”,
数据:[100],
亚克西斯:1,,
allowOverlap:是的,
数据标签:{
x:0,,
y:5,
格式:“{y}%”
},
内半径:'60%',
半径:“70%”
}]
}));
//转速计
$(“#容器rpm”).highcharts(highcharts.merge(gaugeOptions{
亚克斯:{
分:0,,
最高:5,
标题:{
文本:“RPM”
}
},
系列:[{
名称:“RPM”,
数据:[1],
数据标签:{
格式:“{y:.1f}
”+ “*1000/分钟” }, 工具提示:{ valueSuffix:'转数/分钟' } }] })); //使刻度盘充满活力 setInterval(函数(){ //速度 var chart=$(“#容器速度”).highcharts(), 指向 纽瓦尔, 股份有限公司; 如果(图表){ 点=图表。系列[0]。点[0]; 点1=图表系列[1]。点[0]; inc=数学圆((数学随机数()-0.5)*10); newVal=点y+inc; 如果(新值<-35 | |新值>45){ newVal=point.y-inc; } //更新点(newVal); newVal=point1.y+inc; 如果(newVal<0 | | newVal>100){ newVal=point1.y-inc; } 点1.更新(newVal); } }, 2000); });


对于实心仪表,您将如何区分这两个值?填充将是一个接一个…?我想这并不重要,到目前为止,我发现了如何将两个系列添加到solidgauge中,但这并不能解决我所有的问题。使用solidgauge,如何将这两个值分开?填充将是一个接一个…?我想这并不重要,到目前为止,我发现了如何将两个系列添加到solidgauge中,但这并不能解决我所有的问题