## 動態數據圖  ~~~[api] post:index/t.dynamic <<< success { "succeed": 1 "msg": "提示信息", "data": { "x_set":[ {"type":"category","boundaryGap":true,"data":"下方X軸數組"}, "type":"category","boundaryGap":true,"data":"上方X軸數組" ], "y_set":[ {"type":"vallue","scale"=>true,"boundaryGap":{"0,5","0.5"}},"name":"Y軸說明","max":"左側Y軸最大值","min":"左側Y軸最小值"}, {"type":"vallue","scale"=>true,"boundaryGap":{"0,5","0.5"}},"name":"Y軸說明","max":"右側Y軸最大值","min":"右側Y軸最小值"} ], data:[{ "name":"數據說明", "type":"圖表類型 bar 柱狀圖 line 折線圖", "xAxisIndex":"1綁定到上方X軸", "yAxisIndex":"1綁定到右側Y軸", "data":"數據數組" }] "title":"圖表標題", "subtext":"副標題", "legend_show":"數據說明顯示標識", "legend_data":"數據說明數組", "url": "請求地址,若為字符串則為api中的地址，如果為數組則為model中的地址"， "second": "動態獲取值的間隔時間，毫秒值", "param":"請求間隔時間，毫秒數" "loop": "下一個循環標識(若卡片加載完則不需要填寫)", } } <<< error { "succeed": 0, "msg": "提示信息" } ~~~ ~~~ $data = []; //>數據 $second = 3; //>查詢間隔秒數 $data['second'] = $second*1000; //>X軸配置數據 $x_set = $obj =[]; for($i=0;$i<$len;$i++){ $obj[] = date('H:i:s',($time-$second*$i)); } sort($obj); $x_set[] = ['type'=>'category','boundaryGap'=>true,'data'=>$obj]; $x_set[] = ['type'=>'category','boundaryGap'=>true,'data'=>$obj]; $data['x_set'] = $x_set; //>Y軸配置數據 $y_set = []; $y_set[] = ['type'=>'value','scale'=>true,'boundaryGap'=>[0.5, 0.5],'name'=>'價格','max'=>30,'min'=>0]; $y_set[] = ['type'=>'value','scale'=>true,'boundaryGap'=>[0.5, 0.5],'name'=>'預購量','max'=>1200,'min'=>0]; $data['y_set'] = $y_set; //數據 $obj = []; $obj[] = ['name'=>'預購隊列','type'=>'bar','xAxisIndex'=>1,'yAxisIndex'=>1,'data'=>[230,742,342,612,344,114,623,110,190,230]]; $obj[] = ['name'=>'最新成交價','type'=>'line','data'=>[19,6,24,12,14,11,23,11,19,23]]; $data['data'] = $obj; $data['url'] = 'index/p.dynamic'; $data['param'] = ['P'=>1]; //>標題 $data['title'] = '圖表標題'; $data['subtext'] = '副標題'; //>數據說明 $data['legend_show'] = false; //>數據說明是否顯示 $data['legend_data'] = ['最新成交價', '預購隊列']; //>數據說明 $json['data'] = $data; ~~~