siyuan-note / siyuan

A privacy-first, self-hosted, fully open source personal knowledge management software, written in typescript and golang.
https://b3log.org/siyuan
GNU Affero General Public License v3.0
21.43k stars 1.54k forks source link

Improve `mindmap` render #8228

Closed taozina0587 closed 1 year ago

taozina0587 commented 1 year ago

In what scenarios do you need this feature?

When typing /mindmap in the notes, a screen appears to create a map. This is fantastic for studying.

image

But I think this lateral spacing between the blocks is very ugly. The height is nice, but the spacing... Unpleasant. I wanted to make it shorter for a more enjoyable read. Is it possible to create an option to change these settings? Something like that...

image

Describe the optimal solution

New option

Describe the candidate solution

No response

Other information

No response

chenshinshi commented 1 year ago

If this advice can be accepted, I reccommend a method to show(By Effie). effie_1pnCOMVH7G

taozina0587 commented 1 year ago

@chenshinshi Friend, how do I do this? Would you help me?

chenshinshi commented 1 year ago

@chenshinshi Friend, how do I do this? Would you help me?

This is another software called Effie. I hope Siyuan can copy Effie's style.

taozina0587 commented 1 year ago

@chenshinshi It would be perfect! It would help me a lot with my studies!

88250 commented 1 year ago

To be honest, the built-in /mindmap is not easy to modify, and the upstream dependent ECharts does not set the parameter of adaptive width.

At present, it is recommended to consider other extension methods (such as widgets or plugins) to write mind maps. Thanks for understanding, we will close this issue.

zxhd863943427 commented 1 year ago

我觉得改成这个示例就差不多了 图片

地址:https://echarts.apache.org/examples/zh/editor.html?c=tree-polyline