修改仪表盘指针的宽度,刻度值数字的大小,仪表盘内刻度显示的数量,仪表盘标题的位置

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', //默认透明
                }
            },

猜你喜欢

转载自blog.csdn.net/k912120/article/details/81739098
今日推荐