
公司现在有个需求,实现富文本插入 echarts 图表,可以修改图表上的数据及内容。 大家有过类似需求的解决方案吗
1 ubbcou 2022-08-02 09:52:25 +08:00 如果可以去除图表的交互功能,那么我觉得可以这么做,echarts 依据数据的响应台后生成图表 & 导出图片,将图片插入到富文本。 这样可以不依赖在渲染端对 echarts 的支持,就可以显示图表内容。 |
2 LinYa 2022-08-02 10:07:59 +08:00 我想先了解一下,目前用的富文本编辑器是什么? |
3 hellsnow 2022-08-02 10:13:28 +08:00 或者能不能搞一些占位符,最后去插入 echarts |
4 p8YFk4f3E8SJ3aEv 2022-08-02 10:16:05 +08:00 太复杂,建议用 form 表单 |
6 zdhxiong 2022-08-02 10:38:50 +08:00 把 echarts 封装成 Web Components ,富文本里插入一个自定义标签就行 |
7 jucelin 2022-08-02 10:40:42 +08:00 富文本编辑器 只添加图表的占位符,可以设置显示大小,过滤参数之类的 实际显示的时候,再替换,并渲染数据。 |
8 lneoi 2022-08-02 11:28:31 +08:00 这很像目前的 Notion Like 逻辑 |
9 lneoi 2022-08-02 11:30:08 +08:00 wangEditor 可以自定义数据结构 实在不行套个壳应该可以 |
10 zhangleshiye 2022-08-02 15:28:22 +08:00 @ImmerTry 粗略的看了下支持上传文件, 是我的话, (用户点击编辑器上的插入图表按钮)-> 打开一个新的页面或者模态窗( 类似数据大屏的那种编辑页,这种就一块显示图表,其他表单域显示配置项,颜色,维度,横轴数轴, 图表类型选择)->确认完后回传服务器并返回文件哈希地址->回传编辑器 |
11 zhangleshiye 2022-08-02 15:30:47 +08:00 @ImmerTry vue 的话可以参考开源项目 https://gitee.com/MTrun/go-view 不考虑太复杂的交互应该还是能实现的 |
12 sailei 2023-04-04 09:23:54 +08:00 本人 已经用 wangEditor 实现集成 echart https://www.bilibili.com/video/BV1Ph411g7Rv/?spm_id_from=333.999.0.0&vd_source=acb8e37c3285c1622b0be5d51d6c6d9f |
14 sailei 2023-04-04 14:15:30 +08:00 看需求吧,加我 v c2FpbGVpMQ== |