## 動態儀表圖  ~~~[api] post:index/t.gauge <<< success { "succeed": 1 "msg": "提示信息", "data": { "value":"初始化儀表顯示值", "min":"最小刻度", "max":"最大刻度", "axisLine":[ "width":"刻度盤的寬度", "color":[{"百分比(小數)","顏色"}] ], "axisTick":[ "distance":"與刻度盤間距，一般為刻度盤寬度的負值" "length":"長度", "width":"寬度" ] , //>小刻度配置 "splitLine":[ "distance":"與刻度盤間距，一般為刻度盤寬度的負值" "length":"長度", "width":"寬度" ] , //>大刻度配置 "axisLabel":[ "distance":"與刻度盤間距，默認:10" "fontsize":"字體大小" ] , //>刻度值 "detail":[ "unit":"刻度值單位,如:km/s", "fontsize":"字體大小" ], //>說明 "url": "請求地址,若為字符串則為api中的地址，如果為數組則為model中的地址"， "second": "動態獲取值的間隔時間，毫秒值", "param":"請求間隔時間，毫秒數" "loop": "下一個循環標識(若卡片加載完則不需要填寫)", } } <<< error { "succeed": 0, "msg": "提示信息" } ~~~ ~~~ $data = []; $data['value'] = 0; //>初始化數據 $data['min'] = 0; //>儀表最小值 $data['max'] = 200; //>儀表最大值 //>刻度盤設置 $obj = $tmp = []; $tmp[] = ['0.3','#67e0e3']; $tmp[] = ['0.7','#37a2da']; $tmp[] = ['1','#fd666d']; $obj['color'] = $tmp; $obj['width'] = 20; $data['axisLine'] = $obj; //>小刻度設置 $obj = []; $obj['distance'] = -20; //>與刻度盤之前間距 $obj['length'] = 8; //>長度 $obj['width'] = 2; //>寬度 $data['axisTick'] = $obj; //>大刻度設置 $obj = []; $obj['distance'] = -20; //>與刻度盤之前間距 $obj['length'] = 20; //>長度 $obj['width'] = 4; //>寬度 $data['splitLine'] = $obj //>刻度值設置 $axisLabel = []; $axisLabel['distance'] = 10; //>與刻度盤之前間距 $axisLabel['fontsize'] = 14; //>值字體大小 $data['axisLabel'] = $axisLabel; //>說明設置 $detail = []; $detail['unit'] = 'km/s'; //>單位 $detail['fontsize'] = 20; //>說明字體大小 $data['detail'] = $detail; //>動態數據請求 $data['second'] = '2000'; //>請求間隔時間，毫秒 $data['url'] = 'index/p.gauge'; //>請求地址,若為字符串則為api中的地址，如果為數組則為model中的地址 $data['param'] = ['P'=>1]; //>請求參數 $json['data'] = $data; ~~~