一、问题
仪表盘里面是数值颜色与背景不符,数字颜色太暗了,如下图所示:
二、改变仪表盘数字刻度颜色的代码
axisLabel: {
color: 'auto',//auto就是和所在区域的颜色保持一致
// distance: 40,
// fontSize: 20
},
三、整个仪表盘的代码?
tooltip:{
formatter: "{a} <br/>{c} {b}"
},
toolbox: {
show: false,
feature: {
restore: {show: true},
saveAsImage: {show: true}
}
},
series:[
{
name: '温度',
type: 'gauge',
//center: ['30%', '31%'],
center: ['50%', '51%'],
//z: 3,
//设置最小温度和最大温度
min: 0,
max: 100,
splitNumber: 10,
//这是指针的颜色
color:'#FFFFFF',
radius: '80%',
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: [[0.2, '#7FFF00'], [0.8, '#00FFFF'], [1, '#FF0000']],
//width: 6 外框的大小(环的宽度)
width: 10,
}
},
axisTick: { // 坐标轴小标记
//里面的线长是5(短线)
length: 5, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: 'auto'
}
},
splitLine: { // 分隔线
length: 20, // 属性length控制线长
lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
color: 'auto'
}
},
axisLabel: {
color: 'auto',
// distance: 40,
// fontSize: 20
},
pointer: {
//指针的大小
width:4,
show: true,
},
title : {
textStyle: {
fontWeight: 'normal',
//color: '#fff',
color:'#FFFFFF',
//里面文字的大小(温度)
fontSize: 15,
offsetCenter: ['15%', '-20%'], // x, y,单位px
// fontStyle: 'italic'
}
},
detail : {
textStyle: {
fontWeight: 'normal',
//里面文字下的数值大小(50)
fontSize: 15,
color:'#FFFFFF',
},
valueAnimation: true,
},
data:[
{
value: this.temp,
name: '温度',
//color:'#FFFFFF',
}
]
},
]
四、修改完以后的结果
?
?
|