欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 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', //默认透明
                }
            },

 

相关标签: y