Read this post in: de_DEen_USes_ESfr_FRhi_INid_IDjapl_PLpt_PTru_RUvizh_TW

提升您的工作流:ECharts 自动格式化功能现已在 VPasCode 中上线!

EDITION REQUIRED|
DESKTOPCommunity
VP ONLINEFree

Visual Paradigm,我们始终致力于寻找让您的视觉创作体验更流畅、更快速、更直观的方法。今天,我们很高兴推出 ECharts 代码格式化 在 Visual Paradigm VPasCode——一个专为您的 易用性需求而设计的功能。

在处理复杂的图表脚本时,可读性至关重要。将多个属性挤在一行上很容易忽略细节或导致编辑错误。借助我们全新的格式化工具,您的代码结构将立即得到优化:

  • 无隐藏信息: 每个属性都清晰地单独列出,让您全面掌握图表的结构。

  • 轻松编辑: 无需在密集的代码行中费力查找,即可快速定位并更新标签、系列数据或样式规则。

  • 一键清理: 只需点击编辑器顶部的 </> 格式化 按钮,即可一键将您的脚本整理为整洁、标准的缩进格式。

之前

之后

立即体验!

看看格式化后的代码是多么易于操作。点击下方的 编辑 按钮,将这段紧凑的代码在编辑器中打开,然后点击 </> 格式化 即可一键清理:


option = { title: { text: 'Quarterly Sales by Region' },
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, 
legend: { data: ['North', 'South', 'East', 'West'] }, 
xAxis: { type: 'value', name: 'Revenue (in $1,000)' }, 
yAxis: { type: 'category', data: ['Q1', 'Q2', 'Q3', 'Q4'] }, 
series: [{ name: 'North', type: 'bar', stack: 'Total', data: [85, 120, 95, 150] }, 
{ name: 'South', type: 'bar', stack: 'Total', data: [65, 90, 110, 130] }] };

将您的数据可视化提升到新水平

停止与杂乱的代码搏斗。使用VPasCode轻松设计专业、交互式的图表VPasCode.

立即启动实时VPasCode编辑器 →

滚动至顶部