Read this post in: de_DEen_USes_ESfr_FRhi_INid_IDjapl_PLpt_PTru_RUvizh_CN

提升您的工作流程:ECharts 自動格式化功能現已於 VPasCode 上線!

EDITION REQUIRED|
DESKTOPCommunity
VP ONLINEFree

Visual Paradigm,我們持續尋找方法,讓您的視覺創作體驗更順暢、更快捷、更直覺。今天,我們很高興推出 ECharts 的程式碼格式化 在 Visual Paradigm VPasCode——這項功能專為您的 易用性需求而設計。

在處理複雜的圖表腳本時,可讀性至關重要。將多個屬性擠在同一行會容易忽略細節或造成編輯錯誤。透過我們全新的格式化工具,您的程式碼結構可立即獲得優化:

  • 無隱藏內容: 每個屬性都清楚地列在獨立的一行,讓您完全掌握圖表結構。

  • 輕鬆編輯: 可快速定位並更新標籤、系列資料或樣式規則,無需在密集的程式碼行中尋找。

  • 一鍵清理: 只需點擊編輯器頂部的 </> 格式化 按鈕,即可立即將您的腳本整理成乾淨、標準的縮排格式。

之前

之後

立即親自試試看!

看看格式化後的程式碼有多容易操作。點擊下方的 編輯 以在編輯器中開啟這段壓縮的程式碼,然後點擊 </> 格式化 以一鍵清理:


option = { title: { text: '各區域季度銷售額' },
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, 
legend: { data: ['北部', '南部', '東部', '西部'] }, 
xAxis: { type: 'value', name: '收入(單位:千美元)' }, 
yAxis: { type: 'category', data: ['Q1', 'Q2', 'Q3', 'Q4'] }, 
series: [{ name: '北部', type: 'bar', stack: '總計', data: [85, 120, 95, 150] }, 
{ name: '南部', type: 'bar', stack: '總計', data: [65, 90, 110, 130] }] };

將您的資料可視化提升至全新層次

停止與雜亂的程式碼搏鬥。使用 VPasCode 輕鬆設計專業且互動式的圖表VPasCode.

立即啟動即時 VPasCode 編輯器 →

返回頂端