v15 vue3 请教一下spreadjs自带图表的实现逻辑

登录

我们想按照 spredjs自带的图表功能，实现一套基于ehcarts渲染的自定义图表功能。

想问下，spreadjs自带的图表，这个图表数据区域，下面的系列水平轴，是怎么存储，支持自动更新的（sheetName修改，行列更新）？

我们目前的解决方案是，使用名称管理器，才存放引用位置，支持自动更新，但是系列会有多个，每个都要存一个名城管理，感觉不太方便，
有没有更好的解决方案？

eyAndrew · eyAndrew

中间这个编辑数据系列，有没有现成的方法直接调用？没有的话，怎么处理？

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2022-10-24 14:32 编辑

关于系列设置可以参考这个学习指南：
https://demo.grapecity.com.cn/sp ... ation/series/purejs

eyAndrew · eyAndrew

这个api我是知道的，想问下底层是怎么存储的，直接存 range，不能自动更新，或者说，我们目前的架构，都用名称管理器来存储，可以么？

eyAndrew · eyAndrew

spreadjs自带图表的，系列绑定的 range，修改sheetName 扩行扩列 range 可以自动更新，这块是怎么存储的？

Clark.Pan · Clark.Pan

本帖最后由 Clark.Pan 于 2022-10-24 18:35 编辑

跟存储没关系，这里运用了公式引擎的相关功能，公式可以在发生变化的时候自动更新并计算结果。如果您是要做基于echarts渲染的自定义图表功能，那就无法利用上述机制。这部分只能自己在range发生变化后通知echarts去更新。至于如果检测range发生变化，可以考虑监听对应的SpreadJS事件。

eyAndrew · eyAndrew

公式引擎没办法使用的话，我们目前使用名称管理器，您这边觉得合理么？目前测试使用名称管理器存引用位置，会自动更新位置信息。

Clark.Pan · Clark.Pan

您倒是可以试试，只是之前没有用户这么用过，不确定是否有其他问题。
正常来说可以自己监听事件去替换，比如监听SheetNameChanged事件，在事件中拿到 old name 和 new name 然后手动统一替换。

eyAndrew · eyAndrew

Clark.Pan 发表于 2022-10-25 09:47
您倒是可以试试，只是之前没有用户这么用过，不确定是否有其他问题。
正常来说可以自己监听事件去替换，比 ...

监听的话，不仅仅是 sheetName，还要监听删行删列，扩行扩列，等等，这样做，感觉太笨了，需要写的逻辑很多，还是想利用 spreadjs的能力，公式引擎，我们为啥不能用呢？

Clark.Pan · Clark.Pan

那是底层的机制了，实际上也是在各种时机去做处理。其实是一回事，现在只是我们把对应的时机用事件的方式开放出来了，供用户在上述时机自己来实现想要的操作。

		自动登录	找回密码
密码			立即注册

[已处理] v15 vue3 请教一下spreadjs自带图表的实现逻辑

本帖子中包含更多资源

11 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

SpreadJS认证

SpreadJS高级认证

讲师达人

悬赏达人

微信认证勋章

元老葡萄