修改仪表盘指针的宽度,刻度值数字的大小,仪表盘内刻度显示的数量,仪表盘标题的位置
程序员文章站
2024-03-22 23:43:46
...
1.仪表盘指针的宽度
pointer: {
width:3,//指针的宽度
length:"60%", //指针长度,按照半圆半径的百分比
shadowColor : '#ccc', //默认透明
shadowBlur: 5
},
2.刻度值数字的大小
axisLabel: { // 坐标轴小标记
textStyle: { // 属性lineStyle控制线条样式
color: '#000',
fontSize:9, //改变仪表盘内刻度数字的大小
shadowColor : '#000', //默认透明
}
3.仪表盘内刻度显示的数量
{
name:'速度',
type:'gauge',
min:0,
max:120, //设置刻度盘内数值区间
splitNumber:6, //设置间隔区域的显示数量
radius: '30%',
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: [[0.09, 'lime'],[0.82, '#1e90ff'],[1, '#ff4500']],
width: 2,
shadowColor : '#000', //默认透明
shadowBlur: 0,
}
},
4.仪表盘标题的位置
title : {
offsetCenter: [0, '-20%'], //改变标题的位置
textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
fontWeight: 'bolder',
fontSize: 12,
color: '#000',
shadowColor : '#000', //默认透明
}
},