想实现 wolai，FlowUs 图表和 database 关联的功能，就是我修改表格里面的数据，然后生成一个比如柱状图
本贴最后更新于 281 天前，其中的信息可能已经时异事殊
-
思源笔记
25471 引用 • 105348 回帖
思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。
融合块、大纲和双向链接，重构你的思维。
-
代码片段
169 引用 • 1145 回帖
代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。
用户在该标签下分享代码片段时需在帖子标题前添加
[css]或[js]用于区分代码片段类型。 -
Q&A
9746 引用 • 44340 回帖 • 86 关注
提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。
1 操作
wilsons
在 2025-01-09 20:34:03 更新了该帖
相关帖子
被采纳的回答
-
wilsons • • 5 • 1 赞同付费者 捐赠者
思源也是可以实现的，如下，而且当数据库更新数据时，图表会自动更新数据哦。
效果如下
原理：通过 echarts 中的脚本，动态获取数据库块的数据，然后把数据再格式化为图表的数据，就可以了。同时会监听数据库块的变化，当有数据更新时，图表会刷新并重新获取数据库的数据。
完整代码如下（代码输入到 echarts 块中）（由于链滴字数限制，代码只能放到 jsurn 了）
注意：option 里的默认数据是没影响的，这里仅供自己参考用的，执行时，
getAVDataByBlockId函数会覆盖这里的数据。使用：
- 新建 chart 块，然后打开 chart 编辑对话框，把上述代码复制进去
- 然后分别复制数据库块的 ID 和 Chart 块 ID，然后替换
avBlockId变量和chartBlockId变量的值为刚才复制的块 ID 就好了。
请输入回帖内容
...
-
思源也是可以实现的，如下，而且当数据库更新数据时，图表会自动更新数据哦。
效果如下
原理：通过 echarts 中的脚本，动态获取数据库块的数据，然后把数据再格式化为图表的数据，就可以了。同时会监听数据库块的变化，当有数据更新时，图表会刷新并重新获取数据库的数据。
完整代码如下（代码输入到 echarts 块中）（由于链滴字数限制，代码只能放到 jsurn 了）
注意：option 里的默认数据是没影响的，这里仅供自己参考用的，执行时，
getAVDataByBlockId函数会覆盖这里的数据。使用：
- 新建 chart 块，然后打开 chart 编辑对话框，把上述代码复制进去
- 然后分别复制数据库块的 ID 和 Chart 块 ID，然后替换
avBlockId变量和chartBlockId变量的值为刚才复制的块 ID 就好了。
1 回复1 引用1 操作wilsons 在 2024-08-06 08:13:45 更新了该回帖 -
-
请输入回帖内容
...