docs: 补充自动旋转隐藏例子 #2135
docs: 补充自动旋转隐藏例子 #2135
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! 此拉取请求主要旨在通过添加新的示例和更新文档来增强 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}
| "demos": [ | ||
| { | ||
| "filename": "labelAutoHide.jsx", | ||
| "title": "文本标注", |
There was a problem hiding this comment.
当前标题 “文本标注” 描述不够具体。为了更清晰地说明该示例的功能，建议修改为 “自动隐藏标签”，这与 index.zh.md 中的章节标题也能保持一致。
| "title": "文本标注", | |
| "title": "自动隐藏标签", |
| }, | ||
| { | ||
| "filename": "labelAutoRotate.jsx", | ||
| "title": "点标注", |
There was a problem hiding this comment.
当前标题 “点标注” 似乎与示例内容不符。该示例演示的是标签自动旋转功能。建议修改为 “自动旋转标签”，这与 index.zh.md 中的章节标题也能保持一致。
| "title": "点标注", | |
| "title": "自动旋转标签", |
| 当坐标轴标签过长或数量过多时，可以启用自动旋转功能，避免标签重叠。 | ||
|
|
||
| ```jsx | ||
| import { jsx, Canvas, Chart, Interval, Axis } from '@antv/f2'; |
There was a problem hiding this comment.
此处的示例代码缺少 context 的定义，如果用户直接复制运行会报错。建议在 import 语句后补充 context 的获取逻辑，以确保示例代码的完整性和可运行性。
| import { jsx, Canvas, Chart, Interval, Axis } from '@antv/f2'; | |
| import { jsx, Canvas, Chart, Interval, Axis } from '@antv/f2'; | |
| const context = document.getElementById('container').getContext('2d'); |
| 当标签过多时，可以启用自动隐藏功能，自动隐藏部分标签以避免重叠。 | ||
|
|
||
| ```jsx | ||
| import { jsx, Canvas, Chart, Interval, Axis } from '@antv/f2'; |
There was a problem hiding this comment.
此处的示例代码缺少 context 的定义，如果用户直接复制运行会报错。建议在 import 语句后补充 context 的获取逻辑，以确保示例代码的完整性和可运行性。
| import { jsx, Canvas, Chart, Interval, Axis } from '@antv/f2'; | |
| import { jsx, Canvas, Chart, Interval, Axis } from '@antv/f2'; | |
| const context = document.getElementById('container').getContext('2d'); |
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