本文介紹在DataV中連接數據源時,經常遇到的問題及相應的解決方法。
DataV小課堂直播視頻:數據源管理-常見問題。
CSV數據源類問題
如何為組件配置CSV數據源?
您可以在DataV控制臺單擊我的數據 > 數據源管理 ,選擇+添加數據,進入添加數據對話框,選擇CSV文件類型,輸入自定義數據源名稱并上傳一個本地電腦中的CSV文件。上傳完成后,您可以在畫布編輯器中添加組件,在右側數據面板中的設置數據源模塊,選擇CSV文件進行配置,配置成功后,組件將展示為靜態數據圖表。
上傳添加的CSV文件大小不能超過512KB。
API類問題
如何配置API數據源?
在畫布編輯器中添加組件,在組件的右側數據面板中,單擊設置數據源模塊,選擇API進行配置。
API數據源支持get和post兩種請求方式。
API數據源不用添加,可以直接在畫布編輯器中的數據面板設置數據源模塊查找到。
在DataV中使用API數據源時,如果遇到跨域的問題,無法正常獲取數據時怎么解決?
跨域數據源共享(CORS)是一種基于HTTP頭的機制,該機制支持服務器標示除了它自己以外的其它 origin(協議、端口和主機),可以突破瀏覽器對跨域資源訪問的限制,實現跨域資源請求。 如果是簡單請求,瀏覽器會直接發起CORS請求,但可能會出現跨域瀏覽器控制臺console報錯;如果是非簡單請求,瀏覽器會先發送預檢請求(Preflight request),Preflight request是一個OPTION請求,用于詢問要被跨域訪問的服務器,從而獲知服務端是否允許該跨域請求,服務器確認允許之后,才發起實際的 HTTP 請求。對于在跨域時遇到無法正常獲取數據的情況,目前有兩種解決方法:
方法一:配置數據源時,勾選服務器代理請求。
說明該方法需要您的接口可以通過外網訪問并且返回時間在10s以內,因為服務器代理請求會有10s超時限制。
方法二:在數據服務端返回的報頭信息中加上
Access-Control-Allow-Origin
字段。說明如果接口數據需要被所有網站使用,您可以使用通配符
*
。
數據庫類問題
如何配置數據庫數據源?
在DataV控制臺,選擇我的數據 > 數據源管理,單擊+添加數據,在添加數據對話框中輸入數據庫相關配置信息,單擊確定,即可創建數據庫數據源。
DataV支持自建數據庫。
直連數據庫通過Datav服務端查詢,會有10s超時限制,同時,數據庫需要能通過外網訪問,并配置訪問白名單,白名單地址請參見:配置數據庫白名單。
如果無法使用外網或不想使用外網訪問時,可以使用數據代理服務。對于數據代理服務的適用場景包括:內網數據庫、不想開放數據庫外網訪問和SQL查詢耗時較長有10s超時限制的,關于Proxy的獲取方式請參見:DataV Proxy應用使用說明。
在數據代理服務配置連接數據庫時,DataV數據源配置連接數據代理服務,訪問可視化應用的計算機,需要能夠訪問到數據代理服務才能正??吹綌祿?。
數據代理服務默認是HTTP的服務,在配置連接或者訪問可視化應用時需要用HTTP打開DataV頁面。
實操演示
如何為組件配置CSV數據源?
操作步驟如下:
在DataV控制臺選擇我的數據 > 數據源管理 ,單擊+添加數據。
在添加數據對話框,類型選擇CSV文件,輸入自定義數據源名稱,上傳CSV文件。
說明添加的CSV文件大小不能超過512KB。
CSV文件上傳完成后,您可以在畫布編輯器添加組件,以基本折線圖組件為例,選中組件,在組件右側的數據面板中的設置數據源模塊,單擊數據源類型,選擇已經配置好的CSV文件,選擇已有數據源處將選擇CSV進行配置。
說明X軸需要在配置面板中,將數據類型設置為類目型。
如何配置API數據源?
您可以在畫布編輯器內添加一個組件,以數字翻牌器組件為例,在組件右側數據面板中的設置數據源模塊,單擊數據源類型,選擇為API。
如果遇見報錯問題,您需要在瀏覽器右上角設置中選擇更多工具 > 開發者工具,選擇Concole查看到關于跨域問題的報錯信息,然后在數據服務端返回的報頭信息中加上Access-Control-Allow-Origin
字段即可處理該跨域問題。
如何配置數據庫數據源?
在DataV控制臺,選擇我的數據 > 數據源管理 ,單擊+添加數據。
在添加數據對話框,設置類型,選擇RDS for MySQL,選擇外網,輸入名稱、域名、端口、用戶名和數據庫等信息,單擊確定,即可創建數據庫數據源。
創建完成后,在畫布編輯器內添加一個組件,在組件右側數據面板中的設置數據源模塊,單擊數據源類型,選擇已經配置好的數據庫數據源。
說明如果無法使用外網或不想使用外網訪問時,可以按如下步驟操作:
在DataV控制臺,選擇我的數據 > 數據源管理 ,單擊+添加數據。
在添加數據對話框中,設置類型,選擇DataV數據代理服務,域名為數據代理服務的域名、端口也是數據代理服務的端口,key和Secret需要將數據代理服務的密鑰復制粘貼過來即可。
配置完成后,單擊獲取數據列表,需要注意的是在配置連接或者訪問可視化應用時,需要用HTTP打開DataV頁面。
在畫布編輯器內選擇組件,在組件右側數據面板內的設置數據源模塊,單擊數據源類型,選擇數據庫,此時對應的數據源為proxy。