Skip to content

docs: update component axis doc #6718

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Apr 22, 2025
Merged

Conversation

louhaojie99
Copy link
Collaborator

@louhaojie99 louhaojie99 commented Mar 28, 2025

@coveralls
Copy link

coveralls commented Mar 28, 2025

Pull Request Test Coverage Report for Build 14486178794

Details

  • 0 of 0 changed or added relevant lines in 0 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage remained the same at 86.751%

Totals Coverage Status
Change from base Build 14463832267: 0.0%
Covered Lines: 10705
Relevant Lines: 11960

💛 - Coveralls

@louhaojie99 louhaojie99 force-pushed the feat/update-component-axis-doc branch 2 times, most recently from bc8bc67 to 6836273 Compare April 14, 2025 08:47
@louhaojie99 louhaojie99 changed the title WIP: docs: update component axis doc docs: update component axis doc Apr 14, 2025

```js
```ts
({
type: 'interval',
axis: false,
});
```
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

有时间可以补充一下不同坐标系下坐标轴的形态,或者一些特点,没时间就放到后面再update

| lineLineWidth | 轴线宽度 | `number` | `(datum, index, data) => number` | - | |
| lineLineDash | 轴线描边的虚线配置,第一个值为虚线每个分段的长度,第二个值为分段间隔的距离。lineDash 设为[0, 0]的效果为没有描边。 | `[number,number]` | - | |
| lineStroke | 轴线描边色 | `string` | - | |
| lineStrokeOpacity | 轴线描边色透明度 | `number` | - | |
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

这里是轴线的配置,试了一下这些属性是支持的。

image

补充了 lineOpacity

| labelFillOpacity | 刻度值文本透明度 | `number` | `(datum, index, data)=>number` | - |
| labelStroke | 刻度值文本描边颜色 | `string` | `(datum, index, data)=>string` | - |
| labelStrokeOpacity | 刻度值文本描边透明度 | `number` | `(datum, index, data)=>number` | - |
`transform` 视觉通道用于刻度值转换。
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

transform的示例很棒 👍,labelAutoHide这几个属性和transform里的转换是什么关系需要详细说一下,两边配置效果是不是一样的

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

比如 labelTransform: 'rotate(0)' 这种写法也是可以的

@louhaojie99 louhaojie99 force-pushed the feat/update-component-axis-doc branch from 6836273 to b88d249 Compare April 16, 2025 06:27
@interstellarmt
Copy link
Contributor

axis 部分比较复杂,先合并一版,后面再改

@interstellarmt interstellarmt merged commit 256321a into v5 Apr 22, 2025
5 checks passed
@interstellarmt interstellarmt deleted the feat/update-component-axis-doc branch April 22, 2025 03:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Docs]: 改造文档「图表组件- 坐标轴(Axis)」
3 participants