增加AnimationInteraction交互动画配置支持

This commit is contained in:
monitor1394
2023-07-14 08:14:00 +08:00
parent ccd71710ce
commit 58d6d52747
20 changed files with 156 additions and 66 deletions

View File

@@ -69,11 +69,13 @@ slug: /changelog
版本要点:
* 新增数据动画
* 重构和完善动画系统,增加新增动画和交互动画的配置支持
日志详情:
* (2023.07.11) 重构`Animation`动画系统,增加`Addition`新增动画支持
* (2023.07.14) 增加`Animation``Interaction`交互动画配置支持
* (2023.07.11) 增加`Animation``Addition`新增动画配置支持
* (2023.07.11) 重构`Animation`动画系统,完善动画体验
* (2023.06.30) 增加`PolarCood``indicatorLabelOffset`设置指示文本偏移的支持
* (2023.06.30) 修复`Axis``IndicatorLabel`的背景颜色可能不正常的问题
* (2023.06.30) 增加`Axis``IndicatorLabel`可自定义`color`的支持

View File

@@ -171,6 +171,7 @@ import APITable from '@site/src/components/APITable';
- [AnimationFadeIn](#animationfadein)
- [AnimationFadeOut](#animationfadeout)
- [AnimationInfo](#animationinfo)
- [AnimationInteraction](#animationinteraction)
- [BaseSerie](#baseserie)
- [ChartText](#charttext)
- [ChildComponent](#childcomponent)
@@ -248,7 +249,7 @@ import APITable from '@site/src/components/APITable';
## AnimationInfo
> XCharts.Runtime.AnimationInfo / Subclasses: [AnimationFadeIn](#animationfadein), [AnimationFadeOut](#animationfadeout), [AnimationChange](#animationchange), [AnimationAddition](#animationaddition)
> XCharts.Runtime.AnimationInfo / Subclasses: [AnimationFadeIn](#animationfadein), [AnimationFadeOut](#animationfadeout), [AnimationChange](#animationchange), [AnimationAddition](#animationaddition), [AnimationInteraction](#animationinteraction)
> 从 `v3.8.0` 开始支持
@@ -270,11 +271,33 @@ import APITable from '@site/src/components/APITable';
</APITable>
```
## AnimationInteraction
> XCharts.Runtime.AnimationInteraction : [AnimationInfo](#animationinfo)
> 从 `v3.8.0` 开始支持
交互动画。
```mdx-code-block
<APITable name="AnimationInteraction">
```
|field|default|since|comment|
|--|--|--|--|
|widthRate|1.3f|v3.8.0|宽度的放大倍率。
|radiusRate|1.3f|v3.8.0|半径的放大倍率。
```mdx-code-block
</APITable>
```
## AnimationStyle
> XCharts.Runtime.AnimationStyle : [ChildComponent](#childcomponent)
动画组件,用于控制图表的动画播放。支持配置种动画表现FadeIn渐入动画FadeOut渐出动画Change变更动画Addition新增动画。 按作用的对象可以分为两类SerieAnimation系列动画和DataAnimation数据动画
动画组件,用于控制图表的动画播放。支持配置种动画表现FadeIn渐入动画FadeOut渐出动画Change变更动画Addition新增动画Interaction交互动画。 按作用的对象可以分为两类SerieAnimation系列动画和DataAnimation数据动画
```mdx-code-block
<APITable name="AnimationStyle">
@@ -292,6 +315,7 @@ import APITable from '@site/src/components/APITable';
|fadeOut||v3.8.0|渐出动画配置。 [AnimationFadeOut](#animationfadeout)|
|change||v3.8.0|数据变更动画配置。 [AnimationChange](#animationchange)|
|addition||v3.8.0|数据新增动画配置。 [AnimationAddition](#animationaddition)|
|interaction||v3.8.0|交互动画配置。 [AnimationInteraction](#animationinteraction)|
```mdx-code-block
</APITable>
@@ -1775,7 +1799,6 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件,只适
|lineSymbolSize|||折线图的Symbol大小。
|scatterSymbolSize|||散点图的Symbol大小。
|pieTooltipExtraRadius|||饼图鼠标移到高亮时的额外半径
|selectedRate|1.3f||折线图或散点图在被选中时的放大倍数。
|pieSelectedOffset|||饼图选中时的中心点偏移。
|candlestickColor|Color32(235, 84, 84, 255)||K线图阳线填充色
|candlestickColor0|Color32(71, 178, 98, 255)||K线图阴线填充色