de_DEen_USes_ESfa_IRfr_FRhi_INid_IDjapl_PLpt_PTru_RUvizh_CNzh_TW

簡介

在現代數據驅動的環境中,創建引人入勝且互動式數據可視化對於有效的敘事和決策至關重要。Apache ECharts 是實現這一目標的強大工具,但從頭開始手動構建其複雜的 JSON 配置可能是一項令人望而生畏且耗時的任務。Visual Paradigm 通過填補自然語言構思與精確代碼自定義之間的差距,解決了這一挑戰。

通過整合一個智能 AI 聊天機器人 與 VPasCode(Visual Paradigm as Code),用戶現在可以無縫地生成、微調和發布互動式 ECharts。本綜合指南將帶您走過完整的三階段工作流程,展示如何將簡單的文本提示轉換為精緻、可發表的數據資產,而無需經歷手動編碼的繁瑣過程。

Visual Paradigm 中的 Apache ECharts:從 AI 提示(聊天機器人)到最終資源(VPasCode)與 OpenDocs


三階段 ECharts 工作流程

第一階段:透過 AI 聊天機器人即時構思

旅程始於對話式設計,讓您能專注於 什麼 而非 如何.

  • 向 AI 發出提示: 開啟 Visual Paradigm AI 聊天機器人介面,並使用自然語言描述您目標的可視化效果。例如,您可能輸入:「為區域增長生成月度銷售柱狀圖。」

  • 初始渲染: AI 會即時解讀您的請求,構建底層配置邏輯,並在聊天視窗中直接生成圖表的即時視覺預覽。這使您能夠在繼續之前快速驗證核心概念和數據結構。

用於 ECharts 生成的 AI 聊天機器人:顯示提示與初始圖表預覽的 AI 聊天機器人介面

AI 聊天機器人介面圖,顯示提示與初始圖表預覽

第二階段:透過「在 VPasCode 中開啟」實現無縫過渡

一旦初始概念得到驗證,工作流程便會從對話式 AI 平滑過渡到強大的代碼環境。

  • 找到橋接按鈕: 尋找位於 在 VPasCode 中開啟 按鈕,該按鈕位於聊天機器人介面中 AI 渲染的圖表預覽正下方。

  • 轉移上下文: 點擊該按鈕,即可自動將原始 ECharts 配置和內嵌數據集直接推送到 VPasCode 工作區。此關鍵步驟消除了手動複製貼上的需求,確保所有數據參數、坐標軸和初始樣式都能完美保留。

從 AI 聊天機器人到 VPasCode:強調「在 VPasCode 中開啟」按鈕及轉換流程

圖示:突出顯示「在 VPasCode 中開啟」按鈕及過渡過程

第三階段:深度自訂與匯出

當基礎圖表載入 VPasCode 後,您將對最終設計與分發擁有完全的控制權。

  • 並排控制:VPasCode 工作區採用雙面板介面。請使用左側面板的程式碼編輯器來更新資料陣列、修改特定指標,或微調樣式細節——例如套用自訂品牌色調。右側的預覽面板會即時即時更新,讓您能立即看到程式碼變更的影響。

  • 最終輸出:一旦您的圖表完全定案並經過潤飾,即可匯出互動式視覺化。您可以選擇將其匯出為高解析度影像資源以用於靜態文件,或生成可即時分享的 URL 以進行動態網頁瀏覽。

VPasCode 編輯器:將來自 AI 聊天機器人的原始影像插入 VPasCode 並排編輯器與預覽介面

圖:插入 VPasCode 並排編輯器與預覽介面的原始影像


工作流程的關鍵優勢

採用此整合式 Visual Paradigm 工作流程,為資料分析師、開發人員與業務專業人士帶來多項獨特優勢:

  • 零摩擦交接:從對話式構思轉換為技術程式碼僅需單擊一次。此無縫交接保留了所有資料參數,並消除了切換情境所帶來的疲勞。

  • 細粒度精準度:您能享有生成式 AI 的快速原型設計速度,同時保留完整的程式碼層級控制。這確保您能在不犧牲功能的前提下,符合精確的設計規格與品牌指南。

  • 彈性分發:此工作流程支援多樣化的輸出需求。您可以輕鬆匯出靜態高品質影像資源,用於 PDF 報告與簡報投影片,或分享動態即時網頁連結,供利害關係人進行互動式檢視。


結論

Visual Paradigm 整合的 ECharts 工作流程根本性地簡化了資料視覺化流程。透過將 AI 聊天機器人直觀的力量與 VPasCode 的精準度相結合,它消除了建立複雜 Apache ECharts 的傳統入門障礙。無論您是希望加速工作流程的開發人員,還是需要建立精確、符合品牌規範圖表的業務分析師,此三階段流程都能確保您以零摩擦的方式,從簡單構思邁向最終、精緻的資源。擁抱此工作流程,徹底改變您構建、自訂與分享資料故事的方式。


參考資料