docs: 新增「饼图」文档 #6956
Closed
docs: 新增「饼图」文档 #6956
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Contributor
Eomnational
commented
May 28, 2025
Eomnational
commented
- [Docs]: 新增文档 「图表介绍」 #6920
| title: 饼图 | ||
| order: 5 | ||
| screenshot: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*q_VWSqumTu4AAAAAAAAAAAAADmJ7AQ/original' | ||
| category: ['part-to-whole'] |
There was a problem hiding this comment.
proportion，类别的枚举值都在demos/constant.ts
| --- | ||
| title: 饼图 | ||
| order: 5 | ||
| screenshot: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*q_VWSqumTu4AAAAAAAAAAAAADmJ7AQ/original' |
| order: 5 | ||
| screenshot: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*q_VWSqumTu4AAAAAAAAAAAAADmJ7AQ/original' | ||
| category: ['part-to-whole'] | ||
| similar: ['donut', 'rose'] |
|
|
||
| --- | ||
|
|
||
| ### 环形图 |
There was a problem hiding this comment.
| ### 不适合的场景 | ||
|
|
||
| 例子 1: **类别过多时不适合使用饼图** | ||
|
|
|
|
||
| ## 饼图的扩展 | ||
|
|
||
| ### 玫瑰图（南丁格尔图） |
| - `connector: true` 添加标签连接线 | ||
| - `outerRadius: 0.8` 调整饼图大小，为标签留出空间 | ||
|
|
||
| 例子 3: **环形图展示多层数据** |
There was a problem hiding this comment.
环图有单独的介绍，这里可以去掉，补充饼图的例子
| - 柱状图更适合精确的数值比较，不强调与总数的关系 | ||
| - 当类别较少且需要展示占比时选择饼图，需要精确比较数值时选择柱状图 | ||
|
|
||
| ### 饼图、[环形图](/en/charts/donut)和[玫瑰图](/en/charts/rose) |
|
|
||
| 嵌套饼图可以同时展示两个层级的分类数据，内外圈分别表示不同的分类维度。 | ||
|
|
||
| ```js | ob { autoMount: true } |
There was a problem hiding this comment.
这个写法不对，G2中实现的方法——旭日图
https://g2.antv.antgroup.com/examples/general/sunburst/#sunburst-default
|
关于文档的修改建议已经在相应的地方评论～修改完后记得同步到英文文档 |
|
|
|
没太懂～ |
代码提交不上去 |
|
有空记得更新一下～ |
这个分支乱掉了我重新开了一个分支 |
github-project-automation
bot
moved this from In Review
to Done
in 2025 AntV OSCP Phase4
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.