docs: 更新饼图&图例官网例子 #2134
docs: 更新饼图&图例官网例子 #2134
Conversation
Summary of ChangesHello @tangying1027, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed! 本次拉取请求主要更新了 AntV F2 图表库的文档和示例。核心目的是增强图例组件的展示和说明，特别是新增了图例布局的示例，并对现有的饼图示例进行了优化和调整，使其更清晰、更符合实际使用场景。此外，还对部分文档标题进行了精简。 Highlights
Using Gemini Code AssistThe full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips. Invoking Gemini You can request assistance from Gemini at any point by creating a comment using either
Customization To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a Limitations & Feedback Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here. You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension. Footnotes
|
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
| { genre: '债券基金', sold: 275, a: '1' }, | ||
| { genre: '申万宏源固守+基金指数', sold: 115, a: '1' }, | ||
| { genre: '基金指数', sold: 120, a: '1' }, | ||
| { genre: '股票基金', sold: 300, a: '1' }, | ||
| { genre: '混合基金', sold: 180, a: '1' }, | ||
| { genre: '货币基金', sold: 90, a: '1' }, | ||
| { genre: 'QDII基金', sold: 60, a: '1' }, |
There was a problem hiding this comment.
示例数据 multiLineData 中的 a: '1' 属性在 <Interval /> 组件中并未使用。为了保持示例代码的简洁和清晰，建议移除这个未使用的属性。
| { genre: '债券基金', sold: 275, a: '1' }, | |
| { genre: '申万宏源固守+基金指数', sold: 115, a: '1' }, | |
| { genre: '基金指数', sold: 120, a: '1' }, | |
| { genre: '股票基金', sold: 300, a: '1' }, | |
| { genre: '混合基金', sold: 180, a: '1' }, | |
| { genre: '货币基金', sold: 90, a: '1' }, | |
| { genre: 'QDII基金', sold: 60, a: '1' }, | |
| { genre: '债券基金', sold: 275 }, | |
| { genre: '申万宏源固守+基金指数', sold: 115 }, | |
| { genre: '基金指数', sold: 120 }, | |
| { genre: '股票基金', sold: 300 }, | |
| { genre: '混合基金', sold: 180 }, | |
| { genre: '货币基金', sold: 90 }, | |
| { genre: 'QDII基金', sold: 60 }, |
|
|
||
| ### 布局方式 | ||
|
|
||
| - [基础图例](./demo/legend.jsx)：展示基本的图例组件。 |
There was a problem hiding this comment.
此处的列表项内容看起来是复制粘贴错误。它位于“布局方式”章节下，但链接和描述都是关于“基础图例”。这会给用户带来困惑。建议更新此处的链接和描述，使其与本章节内容（图例布局）和下方的代码示例（layoutMode="adaptive"）保持一致。
| - [基础图例](./demo/legend.jsx)：展示基本的图例组件。 | |
| - [图例布局](./demo/layoutMode.jsx)：展示图例的自适应布局方式。 |
|
|
||
| - [自定义图例](./demo/custom.jsx)：自定义样式和布局的图例。 | ||
| - [可交互图例](./demo/interactive.jsx)：支持点击交互的图例组件。 | ||
| - [可交互图例](./demo/layoutMode.jsx)：两种布局方式。 |
There was a problem hiding this comment.
描述“两种布局方式”不准确。链接的 layoutMode.jsx 示例仅演示了 adaptive 一种布局方式。为了避免误导，建议将描述修改为更能反映示例内容。例如，可以强调其交互性和自适应布局的特点。
| - [可交互图例](./demo/layoutMode.jsx)：两种布局方式。 | |
| - [可交互图例](./demo/layoutMode.jsx)：支持交互和自适应布局的图例。 |
Critical size changesIncludes critical production bundles, as well as any change greater than 2%:
Significant size changesIncludes any change greater than 0.2%: |
Checklist
npm testpassesDescription of change