修改儀表盤指標的寬度,刻度值數字的大小,儀表盤內刻度顯示的數量,儀表盤標題的位置
阿新 • • 發佈:2018-12-29
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', //預設透明 } },