1. 程式人生 > >修改儀表盤指標的寬度,刻度值數字的大小,儀表盤內刻度顯示的數量,儀表盤標題的位置

修改儀表盤指標的寬度,刻度值數字的大小,儀表盤內刻度顯示的數量,儀表盤標題的位置

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', //預設透明
                }
            },