一、问题
仪表盘里面是数值颜色与背景不符,数字颜色太暗了,如下图所示:
二、改变仪表盘数字刻度颜色的代码
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', } ] }, ]
四、修改完以后的结果