图表编辑器
快速阅读
记录上学时做过的一个图表编辑器软件。
功能概述
基于 ECharts 实现的图表编辑器,通过点击按钮的方式选择相关配置项,自动编码并生成图表。
- 对于主要配置项提供不同类型的交互按钮:
- 输入框:data 类需要手动输入的数据,会自动错误检测。
- 单选框:有限个固定值的配置项。
- 多选框:可选用的工具类组件。
- 对于次要配置项,提供编码预览功能,可以在预览界面添加次要配置项代码。
核心节点
页面双向锚定、自适应图表尺寸、配置项转化为 JavaScript 代码以及错误检测的过程实现。
运行效果














