diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3b64d84d..5175d041 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 # 更新日志
 
 [master](#master)  
+[v3.1.0](#v3.1.0)  
 [v3.0.1](#v3.0.1)  
 [v3.0.0](#v3.0.0)  
 [v3.0.0-preivew9](#v3.0.0-preivew9)  
@@ -13,6 +14,8 @@
 [v3.0.0-preivew3](#v3.0.0-preivew3)  
 [v3.0.0-preivew2](#v3.0.0-preivew2)  
 [v3.0.0-preivew1](#v3.0.0-preivew1)  
+[v2.8.1](#v2.8.1)  
+[v2.8.0](#v2.8.0)  
 [v2.7.0](#v2.7.0)  
 [v2.6.0](#v2.6.0)  
 [v2.5.0](#v2.5.0)  
@@ -54,6 +57,34 @@
 
 ## master
 
+## 3.1.0
+
+* (2022.07.12) 发布`v3.1.0`版本
+* (2022.07.12) 修复`Serie`的`ignoreLineBreak`不生效的问题
+* (2022.07.07) 优化`Axis`的`minMaxType`指定为`MinMax`时支持精确到小数
+* (2022.07.05) 修复`Chart`里有多个坐标系时绘制异常的问题 (#210)
+* (2022.07.04) 增加`Settings`的`axisMaxSplitNumber`参数设置`Axis`的最大分隔段数
+* (2022.07.04) 修复`Axis`在设置`offset`后`Tick`绘制位置异常的问题 (#209)
+* (2022.07.03) 优化`AxisLabel`的`formatterFunction`自定义委托
+* (2022.07.03) 增加`AxisName`的`onZero`参数支持设置坐标轴名称位置是否和Y轴0刻度一致 (#207)
+* (2022.07.02) 修复`PieChart`用代码动态创建时`Legend`不正常的问题 (#206)
+* (2022.07.02) 修复`YAxis`的`AxisLabel`设置`onZero`不生效的问题
+* (2022.07.02) 修复`AxisLabel`代码设置`distance`属性后一直刷新的问题
+* (2022.06.30) 修复`Runtime`下代码创建图表时组件无法初始化的问题
+* (2022.06.29) 增加`Tooltip`的`itemFormatter`支持`{c0}`显示各维度数据 (#205)
+* (2022.06.28) 优化`Pie`设置`avoidLabelOverlap`时的文本表现 (#56)
+* (2022.06.25) 优化`Line`的平滑曲线表现 (#169)
+* (2022.06.25) 修复`DataZoom`开启时`Tooltip`显示数据不一致的问题 (#203)
+* (2022.06.25) 修复`Toolip`在类目轴无数据时绘制异常的问题 (#204)
+* (2022.06.25) 优化`Serie`设置`PlaceHolder`时的`Tooltip`表现
+* (2022.06.25) 增加`Since`标识配置参数从哪个版本开始支持
+* (2022.06.24) 优化`Painter`绘制层，`Top`层细分为`Upper`和`Top`层
+* (2022.06.24) 增加`Legend`对`Background`和`Padding`的支持
+* (2022.06.21) 增加`TextStyle`对`TextMeshPro`的`Sprite Asset`支持 (#201)
+* (2022.06.20) 优化`Tooltip`的边界限制 (#202)
+* (2022.06.20) 修复`TextMeshPro`开启时编译错误
+* (2022.06.20) 修复`Animation`的渐出动画不生效的问题
+
 ## v3.0.1
 
 * (2022.06.16) 发布`v3.0.1`版本
@@ -145,6 +176,22 @@
 
 * (2022.01.07) 发布`v3.0.0-preivew1`版本
 
+## v2.8.1
+
+* (2022.05.06) 发布`v2.8.1`版本
+* (2022.05.03) 增加`Legend`的`onLegendClick`,`onLegendEnter`和`onLegendExit`委托回调
+* (2022.04.21) 修复`RingChart`的`Tooltip`异常的问题 #192
+* (2022.04.21) 修复`DataZoom`设置`minShowNum`时可能会报错的问题
+
+## v2.8.0
+
+* (2022.04.10) 发布`v2.8.0`版本
+* (2022.04.10) 增加`Debug`调试信息面板
+* (2022.04.09) 修复`VisualMap`某些情况下不生效的问题
+* (2022.04.08) 优化`XCharts`初始化 #190
+* (2022.04.08) 修复`Radar`的颜色异常问题 #187
+* (2022.03.24) 修复`Axis`的精度问题 #184
+
 ## v2.7.0
 
 * (2022.03.20) 发布`v2.7.0`版本
diff --git a/Documentation/CHANGELOG-EN.md b/Documentation/CHANGELOG.md
similarity index 83%
rename from Documentation/CHANGELOG-EN.md
rename to Documentation/CHANGELOG.md
index 443f1958..cbf39439 100644
--- a/Documentation/CHANGELOG-EN.md
+++ b/Documentation/CHANGELOG.md
@@ -2,8 +2,24 @@
 # 更新日志
 
 [master](#master)  
+[v3.1.0](#v3.1.0)  
 [v3.0.1](#v3.0.1)  
 [v3.0.0](#v3.0.0)  
+[v3.0.0-preivew9](#v3.0.0-preivew9)  
+[v3.0.0-preivew8](#v3.0.0-preivew8)  
+[v3.0.0-preivew7](#v3.0.0-preivew7)  
+[v3.0.0-preivew6](#v3.0.0-preivew6)  
+[v3.0.0-preivew5](#v3.0.0-preivew5)  
+[v3.0.0-preivew4](#v3.0.0-preivew4)  
+[v3.0.0-preivew3](#v3.0.0-preivew3)  
+[v3.0.0-preivew2](#v3.0.0-preivew2)  
+[v3.0.0-preivew1](#v3.0.0-preivew1)  
+[v2.8.1](#v2.8.1)  
+[v2.8.0](#v2.8.0)  
+[v2.7.0](#v2.7.0)  
+[v2.6.0](#v2.6.0)  
+[v2.5.0](#v2.5.0)  
+[v2.4.0](#v2.4.0)  
 [v2.3.0](#v2.3.0)  
 [v2.2.3](#v2.2.3)  
 [v2.2.2](#v2.2.2)  
@@ -39,6 +55,36 @@
 [v0.5.0](#v0.5.0)  
 [v0.1.0](#v0.1.0)  
 
+## master
+
+## 3.1.0
+
+* (2022.07.12) Release `v3.1.0` version
+* (2022.07.12) Fixed `Serie` `ignoreLineBreak` not working
+* (2022.07.07) Optimized `Axis` `minMaxType` to support precision to decimals when specified as `MinMax`
+* (2022.07.05) Fixed drawing exception when there are multiple coordinate systems in `Chart` (#210)
+* (2022.07.04) Added the axisMaxSplitNumber parameter of `Settings` to set the maximum number of partitions for `Axis`
+* (2022.07.04) Fixed Axis` Tick `drawing position after setting `offset`(#209)
+* (2022.07.03) Optimize the `AxisLabel` formatterFunction custom delegate
+* (2022.07.03) added the `onZero` parameter of `AxisName` to support setting the coordinate AxisName and position to match the Y-axis 0 scale (#207)
+* (2022.07.02) Fixed bug where `Legend` was not working when `PieChart` was being created dynamically with code (#206)
+* (2022.07.02) Fixed `YAxis` AxisLabel setting `onZero` not working
+* (2022.07.02) Fixed `AxisLabel` code refreshing after setting `distance` property
+* (2022.06.30) Fixed an issue where components could not be initialized when creating diagrams under `Runtime` code
+* (2022.06.29) Added `itemFormatter` support for `{c0}` in `Tooltip` to display dimension data (#205)
+* (2022.06.28) Optimize text performance when `Pie` sets up `avoidLabelOverlap` (#56)
+* (2022.06.25) Optimize smooth curve representation of `Line` (#169)
+* (2022.06.25) Fixed inconsistent display of `Tooltip` when `DataZoom` is enabled (#203)
+* (2022.06.25) Fixed `Toolip` drawing exception when there is no data in the category axis (#204)
+* (2022.06.25) Optimize `Serie` setting `PlaceHolder` for `Tooltip` performance
+* (2022.06.25) Added `Since` to identify the version from which the configuration parameter is supported
+* (2022.06.24) Optimize `Painter` drawing layer, `Top` layer is subdivided into `Upper` and `Top` layers
+* (2022.06.24) Added `Legend` support for `Background` and `Padding`
+* (2022.06.21) Added `TextStyle` support for `Sprite Asset` of `TextMeshPro` (#201)
+* (2022.06.20) Optimize boundary limits for `Tooltip` (#202)
+* (2022.06.20) Fixes compilation error when `TextMeshPro` is turned on
+* (2022.06.20) Fixed issue where the fade Animation of `Animation` would not work
+
 ## v3.0.1
 
 * (2022.06.16) Release `v3.0.1` version
@@ -70,6 +116,95 @@
 * Added `Widgets`.
 * Added multiple extension charts.
 
+## v3.0.0_preview9
+
+## v3.0.0_preview8
+
+## v3.0.0_preview7
+
+## v3.0.0_preview6
+
+## v3.0.0_preview5
+
+## v3.0.0_preview4
+
+## v3.0.0_preview3
+
+## v3.0.0_preview2
+
+## v3.0.0_preview1
+
+## v2.8.1
+
+* (2022.05.03) Added `onLegendClick`, `onLegendEnter` and `onLegendExit` delegate callbacks for `Legend`
+* (2022.04.21) Fixed bug #192 with `RingChart` `Tooltip` exception
+* (2022.04.21) Fixed error when setting `minShowNum` in `DataZoom`
+
+## v2.8.0
+
+* (2022.04.10) Added the debug information panel
+* (2022.04.09) Fixed `VisualMap` not working in some cases
+* (2022.04.08) Optimized `XCharts` initialization #190
+* (2022.04.08) Fixed color error #187 in `Radar`
+* (2022.03.24) Fixed `Axis` precision issue #184
+
+## v2.7.0
+
+* (2022.03.20) Release `v2.7.0` version
+* (2022.02.21) Fixed chart name repeat check error #183
+* (2022.02.17) Fixed bug where axis split line might be displayed outside the coordinate system #181
+* (2022.02.08) Fixed {d} formatter error when value is 0
+* (2022.02.08) Fixed `YAxis` `AxisLabel`'s `onZero` does not work
+* (2022.01.06) Improved `Zebra` bar chart
+
+## v2.6.0
+
+* (2021.12.30) Release `v2.6.0` version
+* (2021.12.21) Fixed `Emphasis` dont work
+* (2021.12.17) Fixed `MarkLine` does not auto refresh label active when serie hide #178
+* (2021.12.10) Improved `Radar`'s `AxisLine` and `SplitLine` to be controlled separately
+* (2021.12.08) Fixed y axis does not refresh when serie hidden
+* (2021.12.04) Added `Symbol` new types: `EmptyRect`, `EmptyTriangle`, `EmptyDiamond`
+* (2021.12.04) Added setting symbol empty area color by itemStyle's backgroundColor
+* (2021.12.03) Fixed formatter `{c}` not work #175
+* (2021.12.03) Fixed axis `boundaryGap` display error in some cases #174
+* (2021.11.30) Fixed serie `ignore` display error in some cases #173
+
+## v2.5.0
+
+* (2021.11.27) Release `v2.5.0` version
+* (2021.11.27) Added `Tooltip` delegate function `positionFunction`
+* (2021.10.29) Removed settings for `TextMeshPro` when package first imported
+* (2021.10.29) Added support for `{e}` in `Tooltip` #170
+* (2021.09.08) Improved `RadarChart`
+* (2021.09.07) Fixed bug where `label` does not disappear at the end of `PieChart` fade animation #168
+* (2021.09.06) Fixed bug where `GaugeChart` changing `splitNumber` with code does not refresh `label` #167
+
+## v2.4.0
+
+### Main points
+
+* LineChart support the line of ignore data is disconnected or connected
+* LineChart support animation at a constant speed
+* Other optimizations and bug fixes
+
+### Details
+
+* (2021.08.31) Release `v2.4.0` version
+* (2021.08.31) Optimized the gradient effect of `RingChart`
+* (2021.08.31) Fixed bug where `SerieLabel` does not refresh when `DataZoom` is dragged (#165)
+* (2021.08.25) Fixed an issue where the theme switch could not be save to the scene (#166)
+* (2021.08.24) Added `Animation`'s `alongWithLinePath`
+* (2021.08.22) Added `Serie`'s `ignoreLineBreak` (#164)
+* (2021.08.22) Fixed `Axis` label may not be updated when `DataZoom` is turn on (#164)
+* (2021.08.15) Improved `Axis`'s `AxisLabel` text rotate setting to avoid inconsistency offset in `DataZoom` (#163)
+* (2021.08.14) Added `Legend`'s `textAutoColor` to set the text color match with `Serie` color (#163)
+* (2021.08.12) Optimize `BarChart` setting `Corner` when the positive and negative columns are fillet symmetric
+* (2021.08.03) Fixed y axis not displaying when all data is 0
+* (2021.07.29) Fixed ignored data will also participate in calculations when `ignore` is enabled (#161)
+* (2021.07.29) Improved `BarChart`'s `Zebra` gradient support
+* (2021.07.26) Fixed issue where `XCharts` path could not be found when `TextMeshPro Enable` (#160)
+
 ## v2.3.0
 
 ### Main points
diff --git a/Documentation/CHANGELOG-EN.md.meta b/Documentation/CHANGELOG.md.meta
similarity index 75%
rename from Documentation/CHANGELOG-EN.md.meta
rename to Documentation/CHANGELOG.md.meta
index 979167cf..eea74aad 100644
--- a/Documentation/CHANGELOG-EN.md.meta
+++ b/Documentation/CHANGELOG.md.meta
@@ -1,5 +1,5 @@
 fileFormatVersion: 2
-guid: 01f7eaa065d094f1f8955111a9bc447b
+guid: 7425bc5c378354c95bb116c36dc1b5f8
 TextScriptImporter:
   externalObjects: {}
   userData: 
diff --git a/Documentation/README-EN.md b/Documentation/README.md
similarity index 99%
rename from Documentation/README-EN.md
rename to Documentation/README.md
index 6f989d33..49b99f61 100644
--- a/Documentation/README-EN.md
+++ b/Documentation/README.md
@@ -49,7 +49,7 @@ A powerful, easy-to-use, configurable charting and data visualization library fo
 [XCharts3.0 API](XChartsAPI-EN.md)  
 [XCharts3.0 FAQ](XChartsFAQ-EN.md)  
 [XCharts3.0 Configurate](XChartsConfiguration-EN.md)  
-[XCharts3.0 Changelog](../CHANGELOG.md)  
+[XCharts3.0 Changelog](CHANGELOG.md)  
 [XCharts3.0 Support](SUPPORT.md)  
 
 ## Features
diff --git a/Documentation/README-EN.md.meta b/Documentation/README.md.meta
similarity index 75%
rename from Documentation/README-EN.md.meta
rename to Documentation/README.md.meta
index 9f886566..5ec956c4 100644
--- a/Documentation/README-EN.md.meta
+++ b/Documentation/README.md.meta
@@ -1,5 +1,5 @@
 fileFormatVersion: 2
-guid: 29f30ecf23bb44bc5b0820dc5ee7a23e
+guid: 56516e67d6e88401e949d4e63792c638
 TextScriptImporter:
   externalObjects: {}
   userData: 
diff --git a/Documentation/SUPPORT.md b/Documentation/SUPPORT.md
index 585df8ec..4ae7ab49 100644
--- a/Documentation/SUPPORT.md
+++ b/Documentation/SUPPORT.md
@@ -1,13 +1,14 @@
 # 订阅服务
 
-如需技术支持，可订阅`个人VIP`服务。扫后面的二维码后可加VIP群`867291970`，验证信息请输入付费的账号。  企业商务合作可联系QQ：3525422251（XCharts技术支持）。
+如需技术支持，可订阅`个人VIP`服务。扫后面的二维码后可加VIP群`867291970`，验证信息请输入付费的账号。  
+企业商务合作可联系QQ：3525422251（XCharts技术支持）。
 
 ## 订阅VIP服务
 
 订阅服务分个人订阅和企业订阅：
 
-- 个人订阅：个人VIP属于个人，不可转让，`XCharts`团队只服务于订阅当事人。
-- 企业订阅：企业VIP属于企业，席位内可安排固定职员，职员离职可重新安排，`XCharts`团队通过专属企业群为企业服务。
+- `个人`订阅：`个人VIP`属于个人，不可转让，`XCharts`团队只服务于订阅当事人。
+- `企业`订阅：`企业VIP`属于企业，席位内可安排固定职员，职员离职后席位可重新安排，`XCharts`团队通过专属企业群为企业服务。
 
 订阅服务的优势？
 
@@ -39,15 +40,15 @@
 | 可另付费定制       |   |   | √ | √ | √ |
 | 可另付费加急       |   |   | √ | √ | √ |
 | VIP专有功能教程和文档 |   |   | √待开放 | √待开放 | √待开放 |
-| 扩展图表购买       |   |   | 按需购买 | 全部免费 | 按需购买 |
+| 扩展图表购买       |   |   | 按需购买 | __全部免费__ | 按需购买 |
 | 扩展图表源码       |   |   | 永久持有 | 永久持有 | 永久持有 |
-| 扩展图表更新       |   |   | 1年持续更新</br>1年后需订阅  | 1年持续更新</br>1年后需订阅 | 1年持续更新</br>1年后需订阅 |
+| 扩展图表更新       |   |   | 1年更新支持 | 1年更新支持 | 1年更新支持 |
 
 ## 购买扩展图表
 
 扩展图表为另付费购买图表，只对订阅了`VIP`服务的用户开放购买。对于`SVIP`的订阅用户，所有扩展图表仓库可免费使用，不用再单独购买。
 
-对所有已购买的扩展图表，源码可永久持有，并获得持续一年的更新支持，超过一年后想要更新支持需要继续订阅`VIP`服务，如不继续订阅`VIP`服务，会从`GitHub`的`Team`中移除，不再能访问扩展图表的源码仓库。
+对所有已购买的扩展图表，源码可永久持有，并获得持续一年的更新支持，一年后如需更新支持服务，可继续订阅`VIP`服务。
 
 |编号|扩展图表|价格|备注|
 |--|--|--|--|
@@ -66,7 +67,7 @@
 1. __`付费定制`__ 是指用户可根据自己的需求定制不同的图表或新功能，只有`VIP`用户才享有`付费定制`权利。
 2. __`付费加急`__ 是指用户可对自己非常紧急的需求进行付费，将开发优先级提到最高，并可要求在`Deadline`内交付，只有`VIP`用户才享有`付费加急`权利。
 3. __`付费咨询`__ 付费咨询有效期`7`天，且总咨询时长不超过`7`个小时。
-4. __`扩展图表`__ 购买后代码可永久持有和商用，更新支持1年。超过1年后还需要更新支持的话，需要订阅`VIP`服务。
+4. __`扩展图表`__ 购买后代码可永久持有和商用，1年的更新支持。
 
 ## 捐助支持
 
diff --git a/Documentation/XChartsAPI-EN.md b/Documentation/XChartsAPI-EN.md
index 17c71366..0b26bdc4 100644
--- a/Documentation/XChartsAPI-EN.md
+++ b/Documentation/XChartsAPI-EN.md
@@ -80,6 +80,7 @@
 - [SimplifiedBarChart](#SimplifiedBarChart)
 - [SimplifiedCandlestickChart](#SimplifiedCandlestickChart)
 - [SimplifiedLineChart](#SimplifiedLineChart)
+- [Since](#Since)
 - [SVG](#SVG)
 - [SVGImage](#SVGImage)
 - [SVGPath](#SVGPath)
@@ -120,7 +121,7 @@ Inherits or Implemented: [MainComponentHandler](#MainComponentHandler)
 |public method|description|
 |--|--|
 | `AdjustCircleLabelPos()` |public static void AdjustCircleLabelPos(ChartLabel txt, Vector3 pos, Vector3 cenPos, float txtHig, Vector3 offset)</br> |
-| `AdjustMinMaxValue()` |public static void AdjustMinMaxValue(Axis axis, ref double minValue, ref double maxValue, bool needFormat, int ceilRate = 0)</br>调整最大最小值 |
+| `AdjustMinMaxValue()` |public static void AdjustMinMaxValue(Axis axis, ref double minValue, ref double maxValue, bool needFormat, double ceilRate = 0)</br>调整最大最小值 |
 | `AdjustRadiusAxisLabelPos()` |public static void AdjustRadiusAxisLabelPos(ChartLabel txt, Vector3 pos, Vector3 cenPos, float txtHig, Vector3 offset)</br> |
 | `GetAxisLineArrowOffset()` |public static float GetAxisLineArrowOffset(Axis axis)</br>包含箭头偏移的轴线长度 |
 | `GetAxisPosition()` |public static float GetAxisPosition(GridCoord grid, Axis axis, double value, int dataCount = 0, DataZoom dataZoom = null)</br> |
@@ -237,6 +238,7 @@ Inherits or Implemented: [BaseGraph](#BaseGraph),[ISerializationCallbackReceiver
 | `RefreshPainter()` |public void RefreshPainter(int index)</br> |
 | `RefreshPainter()` |public void RefreshPainter(Serie serie)</br> |
 | `RefreshTopPainter()` |public void RefreshTopPainter()</br> |
+| `RefreshUpperPainter()` |public void RefreshUpperPainter()</br> |
 | `RemoveAllChartComponent()` |public void RemoveAllChartComponent()</br> |
 | `RemoveChartComponent()` |public bool RemoveChartComponent(MainComponent component)</br> |
 | `RemoveChartComponent()` |public bool RemoveChartComponent(Type type, int index = 0)</br> |
@@ -257,6 +259,7 @@ Inherits or Implemented: [BaseGraph](#BaseGraph),[ISerializationCallbackReceiver
 | `SetSerieActive()` |public void SetSerieActive(string serieName, bool active)</br>Whether to show serie. |
 | `SetSeriePainterMaterial()` |public void SetSeriePainterMaterial(Material material)</br>设置Serie Painter的材质球 |
 | `SetTopPainterMaterial()` |public void SetTopPainterMaterial(Material material)</br>设置Top Painter的材质球 |
+| `SetUpperPainterMaterial()` |public void SetUpperPainterMaterial(Material material)</br>设置Upper Painter的材质球 |
 | `TryAddChartComponent()` |public bool TryAddChartComponent(Type type)</br> |
 | `TryGetChartComponent<T>()` |public bool TryGetChartComponent<T>(out T component, int index = 0)</br> |
 | `UdpateXAxisIcon()` |public void UdpateXAxisIcon(int index, Sprite icon, int xAxisIndex = 0)</br>Update xAxis icon. |
@@ -340,9 +343,9 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 | `GetFullName()` |public static string GetFullName(Transform transform)</br> |
 | `GetHighlightColor()` |public static Color32 GetHighlightColor(Color32 color, float rate = 0.8f)</br> |
 | `GetLastValue()` |public static Vector3 GetLastValue(List<Vector3> list)</br> |
-| `GetMaxDivisibleValue()` |public static double GetMaxDivisibleValue(double max, int ceilRate)</br> |
+| `GetMaxDivisibleValue()` |public static double GetMaxDivisibleValue(double max, double ceilRate)</br> |
 | `GetMaxLogValue()` |public static double GetMaxLogValue(double value, float logBase, bool isLogBaseE, out int splitNumber)</br> |
-| `GetMinDivisibleValue()` |public static double GetMinDivisibleValue(double min, int ceilRate)</br> |
+| `GetMinDivisibleValue()` |public static double GetMinDivisibleValue(double min, double ceilRate)</br> |
 | `GetMinLogValue()` |public static double GetMinLogValue(double value, float logBase, bool isLogBaseE, out int splitNumber)</br> |
 | `GetPointList()` |public static void GetPointList(ref List<Vector3> posList, Vector3 sp, Vector3 ep, float k = 30f)</br> |
 | `GetPos()` |public static Vector3 GetPos(Vector3 center, float radius, float angle, bool isDegree = false)</br> |
@@ -373,6 +376,7 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 | `SetActive()` |public static void SetActive(Image image, bool active)</br> |
 | `SetActive()` |public static void SetActive(Text text, bool active)</br> |
 | `SetActive()` |public static void SetActive(Transform transform, bool active)</br>通过设置scale实现是否显示，优化性能，减少GC |
+| `SetBackground()` |public static void SetBackground(Image background, ImageStyle imageStyle)</br> |
 | `SetColorOpacity()` |public static void SetColorOpacity(ref Color32 color, float opacity)</br> |
 
 ## `ChartLabel`
@@ -546,6 +550,7 @@ Inherits or Implemented: [MainComponentContext](#MainComponentContext)
 | `GetContentColor()` |public static Color GetContentColor(BaseChart chart, int legendIndex, string legendName, Legend legend, ThemeStyle theme, bool active)</br> |
 | `GetIconColor()` |public static Color GetIconColor(BaseChart chart, Legend legend, int readIndex, string legendName, bool active)</br> |
 | `ResetItemPosition()` |public static void ResetItemPosition(Legend legend, Vector3 chartPos, float chartWidth, float chartHeight)</br> |
+| `SetLegendBackground()` |public static void SetLegendBackground(Legend legend, ImageStyle style)</br> |
 
 ## `LegendItem`
 
@@ -554,6 +559,7 @@ Inherits or Implemented: [MainComponentContext](#MainComponentContext)
 | `GetIconColor()` |public Color GetIconColor()</br> |
 | `GetIconRect()` |public Rect GetIconRect()</br> |
 | `SetActive()` |public void SetActive(bool active)</br> |
+| `SetBackground()` |public void SetBackground(ImageStyle imageStyle)</br> |
 | `SetButton()` |public void SetButton(Button button)</br> |
 | `SetContent()` |public bool SetContent(string content)</br> |
 | `SetContentBackgroundColor()` |public void SetContentBackgroundColor(Color color)</br> |
@@ -818,7 +824,7 @@ Inherits or Implemented: [Attribute](#Attribute)
 |public method|description|
 |--|--|
 | `CopySerie()` |public static void CopySerie(Serie oldSerie, Serie newSerie)</br> |
-| `GetAllMinMaxData()` |public static void GetAllMinMaxData(Serie serie, int ceilRate = 0, DataZoom dataZoom = null)</br> |
+| `GetAllMinMaxData()` |public static void GetAllMinMaxData(Serie serie, double ceilRate = 0, DataZoom dataZoom = null)</br> |
 | `GetAreaColor()` |public static Color32 GetAreaColor(Serie serie, SerieData serieData, ThemeStyle theme, int index, bool highlight)</br> |
 | `GetAreaStyle()` |public static AreaStyle GetAreaStyle(Serie serie, SerieData serieData)</br> |
 | `GetAreaToColor()` |public static Color32 GetAreaToColor(Serie serie, SerieData serieData, ThemeStyle theme, int index, bool highlight)</br> |
@@ -852,7 +858,7 @@ Inherits or Implemented: [Attribute](#Attribute)
 | `IsDownPoint()` |public static bool IsDownPoint(Serie serie, int index)</br> |
 | `UpdateCenter()` |public static void UpdateCenter(Serie serie, Vector3 chartPosition, float chartWidth, float chartHeight)</br>更新运行时中心点和半径 |
 | `UpdateFilterData()` |public static void UpdateFilterData(Serie serie, DataZoom dataZoom)</br>根据dataZoom更新数据列表缓存 |
-| `UpdateMinMaxData()` |public static void UpdateMinMaxData(Serie serie, int dimension, int ceilRate = 0, DataZoom dataZoom = null)</br>获得指定维数的最大最小值 |
+| `UpdateMinMaxData()` |public static void UpdateMinMaxData(Serie serie, int dimension, double ceilRate = 0, DataZoom dataZoom = null)</br>获得指定维数的最大最小值 |
 | `UpdateRect()` |public static void UpdateRect(Serie serie, Vector3 chartPosition, float chartWidth, float chartHeight)</br> |
 | `UpdateSerieRuntimeFilterData()` |public static void UpdateSerieRuntimeFilterData(Serie serie, bool filterInvisible = true)</br> |
 
@@ -885,7 +891,6 @@ Inherits or Implemented: [Attribute](#Attribute)
 | `GetLegalSerieNameList()` |public static List<string> GetLegalSerieNameList(List<Serie> series)</br> |
 | `GetMaxSerieDataCount()` |public static int GetMaxSerieDataCount(List<Serie> series)</br> |
 | `GetNameColor()` |public static Color GetNameColor(BaseChart chart, int index, string name)</br> |
-| `GetSerieByVesselIndex()` |public static Serie GetSerieByVesselIndex(List<Serie> series, int vesselIndex)</br> |
 | `GetStackSeries()` |public static void GetStackSeries(List<Serie> series, ref Dictionary<int, List<Serie>> stackSeries)</br>获得堆叠系列列表 |
 | `IsAnyClipSerie()` |public static bool IsAnyClipSerie(List<Serie> series)</br>是否有需裁剪的serie。 |
 | `IsLegalLegendName()` |public static bool IsLegalLegendName(string name)</br> |
@@ -905,6 +910,14 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 
 Inherits or Implemented: [BaseChart](#BaseChart)
 
+## `Since`
+
+Inherits or Implemented: [Attribute](#Attribute)
+
+|public method|description|
+|--|--|
+| `Since()` |public Since(string version)</br> |
+
 ## `SVG`
 
 |public method|description|
@@ -941,7 +954,7 @@ Inherits or Implemented: [MaskableGraphic](#MaskableGraphic)
 |--|--|
 | `GetItemNumericFormatter()` |public static string GetItemNumericFormatter(Tooltip tooltip, Serie serie, SerieData serieData)</br> |
 | `GetLineColor()` |public static Color32 GetLineColor(Tooltip tooltip, ThemeStyle theme)</br> |
-| `IsIgnoreItemFormatter()` |public static bool IsIgnoreItemFormatter(string itemFormatter)</br> |
+| `IsIgnoreFormatter()` |public static bool IsIgnoreFormatter(string itemFormatter)</br> |
 | `LimitInRect()` |public static void LimitInRect(Tooltip tooltip, Rect chartRect)</br> |
 
 ## `TooltipView`
diff --git a/Documentation/XChartsAPI-ZH.md b/Documentation/XChartsAPI-ZH.md
index f7603f00..bfba19fd 100644
--- a/Documentation/XChartsAPI-ZH.md
+++ b/Documentation/XChartsAPI-ZH.md
@@ -80,6 +80,7 @@
 - [SimplifiedBarChart](#SimplifiedBarChart)
 - [SimplifiedCandlestickChart](#SimplifiedCandlestickChart)
 - [SimplifiedLineChart](#SimplifiedLineChart)
+- [Since](#Since)
 - [SVG](#SVG)
 - [SVGImage](#SVGImage)
 - [SVGPath](#SVGPath)
@@ -120,7 +121,7 @@ Inherits or Implemented: [MainComponentHandler](#MainComponentHandler)
 |public method|description|
 |--|--|
 | `AdjustCircleLabelPos()` |public static void AdjustCircleLabelPos(ChartLabel txt, Vector3 pos, Vector3 cenPos, float txtHig, Vector3 offset)</br> |
-| `AdjustMinMaxValue()` |public static void AdjustMinMaxValue(Axis axis, ref double minValue, ref double maxValue, bool needFormat, int ceilRate = 0)</br>调整最大最小值 |
+| `AdjustMinMaxValue()` |public static void AdjustMinMaxValue(Axis axis, ref double minValue, ref double maxValue, bool needFormat, double ceilRate = 0)</br>调整最大最小值 |
 | `AdjustRadiusAxisLabelPos()` |public static void AdjustRadiusAxisLabelPos(ChartLabel txt, Vector3 pos, Vector3 cenPos, float txtHig, Vector3 offset)</br> |
 | `GetAxisLineArrowOffset()` |public static float GetAxisLineArrowOffset(Axis axis)</br>包含箭头偏移的轴线长度 |
 | `GetAxisPosition()` |public static float GetAxisPosition(GridCoord grid, Axis axis, double value, int dataCount = 0, DataZoom dataZoom = null)</br> |
@@ -237,6 +238,7 @@ Inherits or Implemented: [BaseGraph](#BaseGraph),[ISerializationCallbackReceiver
 | `RefreshPainter()` |public void RefreshPainter(int index)</br> |
 | `RefreshPainter()` |public void RefreshPainter(Serie serie)</br> |
 | `RefreshTopPainter()` |public void RefreshTopPainter()</br> |
+| `RefreshUpperPainter()` |public void RefreshUpperPainter()</br> |
 | `RemoveAllChartComponent()` |public void RemoveAllChartComponent()</br> |
 | `RemoveChartComponent()` |public bool RemoveChartComponent(MainComponent component)</br> |
 | `RemoveChartComponent()` |public bool RemoveChartComponent(Type type, int index = 0)</br> |
@@ -257,6 +259,7 @@ Inherits or Implemented: [BaseGraph](#BaseGraph),[ISerializationCallbackReceiver
 | `SetSerieActive()` |public void SetSerieActive(string serieName, bool active)</br>设置指定系列是否显示。 |
 | `SetSeriePainterMaterial()` |public void SetSeriePainterMaterial(Material material)</br>设置Serie Painter的材质球 |
 | `SetTopPainterMaterial()` |public void SetTopPainterMaterial(Material material)</br>设置Top Painter的材质球 |
+| `SetUpperPainterMaterial()` |public void SetUpperPainterMaterial(Material material)</br>设置Upper Painter的材质球 |
 | `TryAddChartComponent()` |public bool TryAddChartComponent(Type type)</br> |
 | `TryGetChartComponent<T>()` |public bool TryGetChartComponent<T>(out T component, int index = 0)</br> |
 | `UdpateXAxisIcon()` |public void UdpateXAxisIcon(int index, Sprite icon, int xAxisIndex = 0)</br>更新X轴图标。 |
@@ -340,9 +343,9 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 | `GetFullName()` |public static string GetFullName(Transform transform)</br> |
 | `GetHighlightColor()` |public static Color32 GetHighlightColor(Color32 color, float rate = 0.8f)</br> |
 | `GetLastValue()` |public static Vector3 GetLastValue(List<Vector3> list)</br> |
-| `GetMaxDivisibleValue()` |public static double GetMaxDivisibleValue(double max, int ceilRate)</br> |
+| `GetMaxDivisibleValue()` |public static double GetMaxDivisibleValue(double max, double ceilRate)</br> |
 | `GetMaxLogValue()` |public static double GetMaxLogValue(double value, float logBase, bool isLogBaseE, out int splitNumber)</br> |
-| `GetMinDivisibleValue()` |public static double GetMinDivisibleValue(double min, int ceilRate)</br> |
+| `GetMinDivisibleValue()` |public static double GetMinDivisibleValue(double min, double ceilRate)</br> |
 | `GetMinLogValue()` |public static double GetMinLogValue(double value, float logBase, bool isLogBaseE, out int splitNumber)</br> |
 | `GetPointList()` |public static void GetPointList(ref List<Vector3> posList, Vector3 sp, Vector3 ep, float k = 30f)</br> |
 | `GetPos()` |public static Vector3 GetPos(Vector3 center, float radius, float angle, bool isDegree = false)</br> |
@@ -373,6 +376,7 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 | `SetActive()` |public static void SetActive(Image image, bool active)</br> |
 | `SetActive()` |public static void SetActive(Text text, bool active)</br> |
 | `SetActive()` |public static void SetActive(Transform transform, bool active)</br>通过设置scale实现是否显示，优化性能，减少GC |
+| `SetBackground()` |public static void SetBackground(Image background, ImageStyle imageStyle)</br> |
 | `SetColorOpacity()` |public static void SetColorOpacity(ref Color32 color, float opacity)</br> |
 
 ## `ChartLabel`
@@ -546,6 +550,7 @@ Inherits or Implemented: [MainComponentContext](#MainComponentContext)
 | `GetContentColor()` |public static Color GetContentColor(BaseChart chart, int legendIndex, string legendName, Legend legend, ThemeStyle theme, bool active)</br> |
 | `GetIconColor()` |public static Color GetIconColor(BaseChart chart, Legend legend, int readIndex, string legendName, bool active)</br> |
 | `ResetItemPosition()` |public static void ResetItemPosition(Legend legend, Vector3 chartPos, float chartWidth, float chartHeight)</br> |
+| `SetLegendBackground()` |public static void SetLegendBackground(Legend legend, ImageStyle style)</br> |
 
 ## `LegendItem`
 
@@ -554,6 +559,7 @@ Inherits or Implemented: [MainComponentContext](#MainComponentContext)
 | `GetIconColor()` |public Color GetIconColor()</br> |
 | `GetIconRect()` |public Rect GetIconRect()</br> |
 | `SetActive()` |public void SetActive(bool active)</br> |
+| `SetBackground()` |public void SetBackground(ImageStyle imageStyle)</br> |
 | `SetButton()` |public void SetButton(Button button)</br> |
 | `SetContent()` |public bool SetContent(string content)</br> |
 | `SetContentBackgroundColor()` |public void SetContentBackgroundColor(Color color)</br> |
@@ -818,7 +824,7 @@ Inherits or Implemented: [Attribute](#Attribute)
 |public method|description|
 |--|--|
 | `CopySerie()` |public static void CopySerie(Serie oldSerie, Serie newSerie)</br> |
-| `GetAllMinMaxData()` |public static void GetAllMinMaxData(Serie serie, int ceilRate = 0, DataZoom dataZoom = null)</br> |
+| `GetAllMinMaxData()` |public static void GetAllMinMaxData(Serie serie, double ceilRate = 0, DataZoom dataZoom = null)</br> |
 | `GetAreaColor()` |public static Color32 GetAreaColor(Serie serie, SerieData serieData, ThemeStyle theme, int index, bool highlight)</br> |
 | `GetAreaStyle()` |public static AreaStyle GetAreaStyle(Serie serie, SerieData serieData)</br> |
 | `GetAreaToColor()` |public static Color32 GetAreaToColor(Serie serie, SerieData serieData, ThemeStyle theme, int index, bool highlight)</br> |
@@ -852,7 +858,7 @@ Inherits or Implemented: [Attribute](#Attribute)
 | `IsDownPoint()` |public static bool IsDownPoint(Serie serie, int index)</br> |
 | `UpdateCenter()` |public static void UpdateCenter(Serie serie, Vector3 chartPosition, float chartWidth, float chartHeight)</br>更新运行时中心点和半径 |
 | `UpdateFilterData()` |public static void UpdateFilterData(Serie serie, DataZoom dataZoom)</br>根据dataZoom更新数据列表缓存 |
-| `UpdateMinMaxData()` |public static void UpdateMinMaxData(Serie serie, int dimension, int ceilRate = 0, DataZoom dataZoom = null)</br>获得指定维数的最大最小值 |
+| `UpdateMinMaxData()` |public static void UpdateMinMaxData(Serie serie, int dimension, double ceilRate = 0, DataZoom dataZoom = null)</br>获得指定维数的最大最小值 |
 | `UpdateRect()` |public static void UpdateRect(Serie serie, Vector3 chartPosition, float chartWidth, float chartHeight)</br> |
 | `UpdateSerieRuntimeFilterData()` |public static void UpdateSerieRuntimeFilterData(Serie serie, bool filterInvisible = true)</br> |
 
@@ -885,7 +891,6 @@ Inherits or Implemented: [Attribute](#Attribute)
 | `GetLegalSerieNameList()` |public static List<string> GetLegalSerieNameList(List<Serie> series)</br> |
 | `GetMaxSerieDataCount()` |public static int GetMaxSerieDataCount(List<Serie> series)</br> |
 | `GetNameColor()` |public static Color GetNameColor(BaseChart chart, int index, string name)</br> |
-| `GetSerieByVesselIndex()` |public static Serie GetSerieByVesselIndex(List<Serie> series, int vesselIndex)</br> |
 | `GetStackSeries()` |public static void GetStackSeries(List<Serie> series, ref Dictionary<int, List<Serie>> stackSeries)</br>获得堆叠系列列表 |
 | `IsAnyClipSerie()` |public static bool IsAnyClipSerie(List<Serie> series)</br>是否有需裁剪的serie。 |
 | `IsLegalLegendName()` |public static bool IsLegalLegendName(string name)</br> |
@@ -905,6 +910,14 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 
 Inherits or Implemented: [BaseChart](#BaseChart)
 
+## `Since`
+
+Inherits or Implemented: [Attribute](#Attribute)
+
+|public method|description|
+|--|--|
+| `Since()` |public Since(string version)</br> |
+
 ## `SVG`
 
 |public method|description|
@@ -941,7 +954,7 @@ Inherits or Implemented: [MaskableGraphic](#MaskableGraphic)
 |--|--|
 | `GetItemNumericFormatter()` |public static string GetItemNumericFormatter(Tooltip tooltip, Serie serie, SerieData serieData)</br> |
 | `GetLineColor()` |public static Color32 GetLineColor(Tooltip tooltip, ThemeStyle theme)</br> |
-| `IsIgnoreItemFormatter()` |public static bool IsIgnoreItemFormatter(string itemFormatter)</br> |
+| `IsIgnoreFormatter()` |public static bool IsIgnoreFormatter(string itemFormatter)</br> |
 | `LimitInRect()` |public static void LimitInRect(Tooltip tooltip, Rect chartRect)</br> |
 
 ## `TooltipView`
diff --git a/Documentation/XChartsConfiguration-EN.md b/Documentation/XChartsConfiguration-EN.md
index 8a251fcf..f1cdde1e 100644
--- a/Documentation/XChartsConfiguration-EN.md
+++ b/Documentation/XChartsConfiguration-EN.md
@@ -105,6 +105,7 @@
 - [Location](#Location)
 - [MarkAreaData](#MarkAreaData)
 - [MarkLineData](#MarkLineData)
+- [Padding](#Padding)
 - [PolarAxisTheme](#PolarAxisTheme)
 - [RadarAxisTheme](#RadarAxisTheme)
 - [RadiusAxisTheme](#RadiusAxisTheme)
@@ -172,9 +173,9 @@ Inherits or Implemented: [Axis](#Axis)
 
 Angle axis of Polar Coordinate.
 
-|field|default|comment|
-|--|--|--|
-| `startAngle` |0 | Starting angle of axis. 0 degrees by default, standing for right position of center. |
+|field|default|since|comment|
+|--|--|--|--|
+|`startAngle`|0||Starting angle of axis. 0 degrees by default, standing for right position of center.
 
 ## `AngleAxisTheme`
 
@@ -187,19 +188,19 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 the animation of serie.
 
-|field|default|comment|
-|--|--|--|
-| `enable` |true | Whether to enable animation. |
-| `type` | | The type of animation.</br>`AnimationType`:</br>- `Default`: he default. An animation playback mode will be selected according to the actual situation.</br>- `LeftToRight`: Play the animation from left to right.</br>- `BottomToTop`: Play the animation from bottom to top.</br>- `InsideOut`: Play animations from the inside out.</br>- `AlongPath`: Play the animation along the path.</br>- `Clockwise`: Play the animation clockwise.</br>|
-| `easting` | | Easing method used for the first animation.</br>`AnimationEasing`:</br>- `Linear`: </br>|
-| `threshold` |2000 | Whether to set graphic number threshold to animation. Animation will be disabled when graphic number is larger than threshold. |
-| `fadeInDuration` |1000 | The milliseconds duration of the fadeIn animation. |
-| `fadeInDelay` |0 | The milliseconds delay before updating the first animation. |
-| `fadeOutDuration` |1000f | The milliseconds duration of the fadeOut animation. |
-| `fadeOutDelay` |0 | 渐出动画延时（毫秒）。如果要设置单个数据项的延时，可以用代码定制：customFadeOutDelay。 |
-| `dataChangeEnable` |true | 是否开启数据变更动画。 |
-| `dataChangeDuration` |500 | The milliseconds duration of the data change animation. |
-| `actualDuration` | | The milliseconds actual duration of the first animation. |
+|field|default|since|comment|
+|--|--|--|--|
+|`enable`|true||Whether to enable animation.
+|`type`|||The type of animation.</br>`AnimationType`:</br>- `Default`: he default. An animation playback mode will be selected according to the actual situation.</br>- `LeftToRight`: Play the animation from left to right.</br>- `BottomToTop`: Play the animation from bottom to top.</br>- `InsideOut`: Play animations from the inside out.</br>- `AlongPath`: Play the animation along the path.</br>- `Clockwise`: Play the animation clockwise.</br>|
+|`easting`|||Easing method used for the first animation.</br>`AnimationEasing`:</br>- `Linear`: </br>|
+|`threshold`|2000||Whether to set graphic number threshold to animation. Animation will be disabled when graphic number is larger than threshold.
+|`fadeInDuration`|1000||The milliseconds duration of the fadeIn animation.
+|`fadeInDelay`|0||The milliseconds delay before updating the first animation.
+|`fadeOutDuration`|1000f||The milliseconds duration of the fadeOut animation.
+|`fadeOutDelay`|0||渐出动画延时（毫秒）。如果要设置单个数据项的延时，可以用代码定制：customFadeOutDelay。
+|`dataChangeEnable`|true||是否开启数据变更动画。
+|`dataChangeDuration`|500||The milliseconds duration of the data change animation.
+|`actualDuration`|||The milliseconds actual duration of the first animation.
 
 ## `AreaStyle`
 
@@ -207,27 +208,27 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent
 
 The style of area.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Set this to false to prevent the areafrom showing. |
-| `origin` | | the origin of area.</br>`AreaStyle.AreaOrigin`:</br>- `Auto`: to fill between axis line to data.</br>- `Start`: to fill between min axis value (when not inverse) to data.</br>- `End`: to fill between max axis value (when not inverse) to data.</br>|
-| `color` | | the color of area,default use serie color. |
-| `toColor` | | Gradient color, start color to toColor. |
-| `opacity` |0.6f | Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0. |
-| `highlightColor` | | the color of area,default use serie color. |
-| `highlightToColor` | | Gradient color, start highlightColor to highlightToColor. |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Set this to false to prevent the areafrom showing.
+|`origin`|||the origin of area.</br>`AreaStyle.AreaOrigin`:</br>- `Auto`: to fill between axis line to data.</br>- `Start`: to fill between min axis value (when not inverse) to data.</br>- `End`: to fill between max axis value (when not inverse) to data.</br>|
+|`color`|||the color of area,default use serie color.
+|`toColor`|||Gradient color, start color to toColor.
+|`opacity`|0.6f||Opacity of the component. Supports value from 0 to 1, and the component will not be drawn when set to 0.
+|`highlightColor`|||the color of area,default use serie color.
+|`highlightToColor`|||Gradient color, start highlightColor to highlightToColor.
 
 ## `ArrowStyle`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `width` |10 | The widht of arrow. |
-| `height` |15 | The height of arrow. |
-| `offset` |0 | The offset of arrow. |
-| `dent` |3 | The dent of arrow. |
-| `color` |Color.clear | the color of arrow. |
+|field|default|since|comment|
+|--|--|--|--|
+|`width`|10||The widht of arrow.
+|`height`|15||The height of arrow.
+|`offset`|0||The offset of arrow.
+|`dent`|3||The dent of arrow.
+|`color`|Color.clear||the color of arrow.
 
 ## `Axis`
 
@@ -235,36 +236,36 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 The axis in rectangular coordinate.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to show axis. |
-| `type` | | the type of axis.</br>`Axis.AxisType`:</br>- `Value`: Numerical axis, suitable for continuous data.</br>- `Category`: Category axis, suitable for discrete category data. Data should only be set via data for this type.</br>- `Log`: Log axis, suitable for log data.</br>- `Time`: Time axis, suitable for continuous time series data.</br>|
-| `minMaxType` | | the type of axis minmax.</br>`Axis.AxisMinMaxType`:</br>- `Default`: 0 - maximum.</br>- `MinMax`: minimum - maximum.</br>- `Custom`: Customize the minimum and maximum.</br>|
-| `gridIndex` | | The index of the grid on which the axis are located, by default, is in the first grid. |
-| `polarIndex` | | The index of the polar on which the axis are located, by default, is in the first polar. |
-| `parallelIndex` | | The index of the parallel on which the axis are located, by default, is in the first parallel. |
-| `position` | | the position of axis in grid.</br>`Axis.AxisPosition`:</br>- `Left`: the position of axis in grid.</br>- `Right`: the position of axis in grid.</br>- `Bottom`: the position of axis in grid.</br>- `Top`: the position of axis in grid.</br>|
-| `offset` | | the offset of axis from the default position. Useful when the same position has multiple axes. |
-| `min` | | The minimun value of axis.Valid when `minMaxType` is `Custom` |
-| `max` | | The maximum value of axis.Valid when `minMaxType` is `Custom` |
-| `splitNumber` |0 | Number of segments that the axis is split into. |
-| `interval` |0 | Compulsively set segmentation interval for axis.This is unavailable for category axis. |
-| `boundaryGap` |true | The boundary gap on both sides of a coordinate axis, which is valid only for category axis with type: 'Category'. |
-| `maxCache` |0 | The max number of axis data cache. |
-| `logBase` |10 | Base of logarithm, which is valid only for numeric axes with type: 'Log'. |
-| `logBaseE` |false | On the log axis, if base e is the natural number, and is true, logBase fails. |
-| `ceilRate` |0 | The ratio of maximum and minimum values rounded upward. The default is 0, which is automatically calculated. |
-| `inverse` |false | Whether the axis are reversed or not. Invalid in `Category` axis. |
-| `clockwise` |true | Whether the positive position of axis is in clockwise. True for clockwise by default. |
-| `insertDataToHead` | | Whether to add new data at the head or at the end of the list. |
-| `icons` | | 类目数据对应的图标。 |
-| `data` | | Category data, available in type: 'Category' axis. |
-| `axisLine` | | axis Line. [AxisLine](AxisLine)|
-| `axisName` | | axis name. [AxisName](AxisName)|
-| `axisTick` | | axis tick. [AxisTick](AxisTick)|
-| `axisLabel` | | axis label. [AxisLabel](AxisLabel)|
-| `splitLine` | | axis split line. [AxisSplitLine](AxisSplitLine)|
-| `splitArea` | | axis split area. [AxisSplitArea](AxisSplitArea)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether to show axis.
+|`type`|||the type of axis.</br>`Axis.AxisType`:</br>- `Value`: Numerical axis, suitable for continuous data.</br>- `Category`: Category axis, suitable for discrete category data. Data should only be set via data for this type.</br>- `Log`: Log axis, suitable for log data.</br>- `Time`: Time axis, suitable for continuous time series data.</br>|
+|`minMaxType`|||the type of axis minmax.</br>`Axis.AxisMinMaxType`:</br>- `Default`: 0 - maximum.</br>- `MinMax`: minimum - maximum.</br>- `Custom`: Customize the minimum and maximum.</br>|
+|`gridIndex`|||The index of the grid on which the axis are located, by default, is in the first grid.
+|`polarIndex`|||The index of the polar on which the axis are located, by default, is in the first polar.
+|`parallelIndex`|||The index of the parallel on which the axis are located, by default, is in the first parallel.
+|`position`|||the position of axis in grid.</br>`Axis.AxisPosition`:</br>- `Left`: the position of axis in grid.</br>- `Right`: the position of axis in grid.</br>- `Bottom`: the position of axis in grid.</br>- `Top`: the position of axis in grid.</br>|
+|`offset`|||the offset of axis from the default position. Useful when the same position has multiple axes.
+|`min`|||The minimun value of axis.Valid when `minMaxType` is `Custom`
+|`max`|||The maximum value of axis.Valid when `minMaxType` is `Custom`
+|`splitNumber`|0||Number of segments that the axis is split into.
+|`interval`|0||Compulsively set segmentation interval for axis.This is unavailable for category axis.
+|`boundaryGap`|true||The boundary gap on both sides of a coordinate axis, which is valid only for category axis with type: 'Category'.
+|`maxCache`|0||The max number of axis data cache.
+|`logBase`|10||Base of logarithm, which is valid only for numeric axes with type: 'Log'.
+|`logBaseE`|false||On the log axis, if base e is the natural number, and is true, logBase fails.
+|`ceilRate`|0||The ratio of maximum and minimum values rounded upward. The default is 0, which is automatically calculated.
+|`inverse`|false||Whether the axis are reversed or not. Invalid in `Category` axis.
+|`clockwise`|true||Whether the positive position of axis is in clockwise. True for clockwise by default.
+|`insertDataToHead`|||Whether to add new data at the head or at the end of the list.
+|`icons`|||类目数据对应的图标。
+|`data`|||Category data, available in type: 'Category' axis.
+|`axisLine`|||axis Line. [AxisLine](#AxisLine)|
+|`axisName`|||axis name. [AxisName](#AxisName)|
+|`axisTick`|||axis tick. [AxisTick](#AxisTick)|
+|`axisLabel`|||axis label. [AxisLabel](#AxisLabel)|
+|`splitLine`|||axis split line. [AxisSplitLine](#AxisSplitLine)|
+|`splitArea`|||axis split area. [AxisSplitArea](#AxisSplitArea)|
 
 ## `AxisLabel`
 
@@ -272,15 +273,15 @@ Inherits or Implemented: [LabelStyle](#LabelStyle)
 
 Settings related to axis label.
 
-|field|default|comment|
-|--|--|--|
-| `interval` |0 | The display interval of the axis label. |
-| `inside` |false | Set this to true so the axis labels face the inside direction. |
-| `showAsPositiveNumber` |false | Show negative number as positive number. |
-| `onZero` |false | 刻度标签显示在0刻度上。 |
-| `showStartLabel` |true | Whether to display the first label. |
-| `showEndLabel` |true | Whether to display the last label. |
-| `textLimit` | | 文本限制。 [TextLimit](TextLimit)|
+|field|default|since|comment|
+|--|--|--|--|
+|`interval`|0||The display interval of the axis label.
+|`inside`|false||Set this to true so the axis labels face the inside direction.
+|`showAsPositiveNumber`|false||Show negative number as positive number.
+|`onZero`|false||刻度标签显示在0刻度上。
+|`showStartLabel`|true||Whether to display the first label.
+|`showEndLabel`|true||Whether to display the last label.
+|`textLimit`|||文本限制。 [TextLimit](#TextLimit)|
 
 ## `AxisLine`
 
@@ -288,11 +289,11 @@ Inherits or Implemented: [BaseLine](#BaseLine)
 
 Settings related to axis line.
 
-|field|default|comment|
-|--|--|--|
-| `onZero` | | When mutiple axes exists, this option can be used to specify which axis can be "onZero" to. |
-| `showArrow` | | Whether to show the arrow symbol of axis. |
-| `arrow` | | the arrow of line. [ArrowStyle](ArrowStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`onZero`|||When mutiple axes exists, this option can be used to specify which axis can be "onZero" to.
+|`showArrow`|||Whether to show the arrow symbol of axis.
+|`arrow`|||the arrow of line. [ArrowStyle](#ArrowStyle)|
 
 ## `AxisName`
 
@@ -300,11 +301,12 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 the name of axis.
 
-|field|default|comment|
-|--|--|--|
-| `show` | | Whether to show axis name. |
-| `name` | | the name of axis. |
-| `labelStyle` | | The text style of axis name. [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||Whether to show axis name.
+|`name`|||the name of axis.
+|`onZero`||v3.1.0|Whether the axis name position are the same with 0 position of YAxis.
+|`labelStyle`|||The text style of axis name. [LabelStyle](#LabelStyle)|
 
 ## `AxisSplitArea`
 
@@ -312,10 +314,10 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 Split area of axis in grid area, not shown by default.
 
-|field|default|comment|
-|--|--|--|
-| `show` | | Set this to true to show the splitArea. |
-| `color` | | Color of split area. SplitArea color could also be set in color array, which the split lines would take as their colors in turns. Dark and light colors in turns are used by default. |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||Set this to true to show the splitArea.
+|`color`|||Color of split area. SplitArea color could also be set in color array, which the split lines would take as their colors in turns. Dark and light colors in turns are used by default.
 
 ## `AxisSplitLine`
 
@@ -323,11 +325,11 @@ Inherits or Implemented: [BaseLine](#BaseLine)
 
 Split line of axis in grid area.
 
-|field|default|comment|
-|--|--|--|
-| `interval` | | Interval of Axis splitLine. |
-| `distance` | | The distance between the split line and axis line. |
-| `autoColor` | | auto color. |
+|field|default|since|comment|
+|--|--|--|--|
+|`interval`|||Interval of Axis splitLine.
+|`distance`|||The distance between the split line and axis line.
+|`autoColor`|||auto color.
 
 ## `AxisTheme`
 
@@ -340,15 +342,15 @@ Inherits or Implemented: [BaseLine](#BaseLine)
 
 Settings related to axis tick.
 
-|field|default|comment|
-|--|--|--|
-| `alignWithLabel` | | Align axis tick with label, which is available only when boundaryGap is set to be true in category axis. |
-| `inside` | | Set this to true so the axis labels face the inside direction. |
-| `showStartTick` | | Whether to display the first tick. |
-| `showEndTick` | | Whether to display the last tick. |
-| `distance` | | The distance between the tick line and axis line. |
-| `splitNumber` |0 | Number of segments that the axis is split into. |
-| `autoColor` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`alignWithLabel`|||Align axis tick with label, which is available only when boundaryGap is set to be true in category axis.
+|`inside`|||Set this to true so the axis labels face the inside direction.
+|`showStartTick`|||Whether to display the first tick.
+|`showEndTick`|||Whether to display the last tick.
+|`distance`|||The distance between the tick line and axis line.
+|`splitNumber`|0||Number of segments that the axis is split into.
+|`autoColor`|||
 
 ## `Background`
 
@@ -356,13 +358,13 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 Background component.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to enable the background component. |
-| `image` | | the image of background. |
-| `imageType` | | the fill type of background image. |
-| `imageColor` | | 背景图颜色。 |
-| `autoColor` |true | Whether to use theme background color for component color when the background component is on. |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether to enable the background component.
+|`image`|||the image of background.
+|`imageType`|||the fill type of background image.
+|`imageColor`|||背景图颜色。
+|`autoColor`|true||Whether to use theme background color for component color when the background component is on.
 
 ## `Bar`
 
@@ -373,20 +375,20 @@ Inherits or Implemented: [Serie](#Serie),[INeedSerieContainer](#INeedSerieContai
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `lineType` | | the type of line. |
-| `lineWidth` |1f | the width of line. |
-| `lineLength` |0f | the length of line. |
-| `lineColor` | | the color of line. |
-| `splitLineType` | | the type of split line. |
-| `splitLineWidth` |1f | the width of split line. |
-| `splitLineLength` |0f | the length of split line. |
-| `splitLineColor` | | the color of line. |
-| `tickWidth` |1f | the width of tick. |
-| `tickLength` |5f | the length of tick. |
-| `tickColor` | | the color of tick. |
-| `splitAreaColors` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`lineType`|||the type of line.</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`lineWidth`|1f||the width of line.
+|`lineLength`|0f||the length of line.
+|`lineColor`|||the color of line.
+|`splitLineType`|||the type of split line.</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`splitLineWidth`|1f||the width of split line.
+|`splitLineLength`|0f||the length of split line.
+|`splitLineColor`|||the color of line.
+|`tickWidth`|1f||the width of tick.
+|`tickLength`|5f||the length of tick.
+|`tickColor`|||the color of tick.
+|`splitAreaColors`|||the colors of split area.
 
 ## `BaseLine`
 
@@ -394,10 +396,10 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 Settings related to base line.
 
-|field|default|comment|
-|--|--|--|
-| `show` | | Set this to false to prevent the axis line from showing. |
-| `lineStyle` | | 线条样式 [LineStyle](LineStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||Set this to false to prevent the axis line from showing.
+|`lineStyle`|||线条样式 [LineStyle](#LineStyle)|
 
 ## `BaseScatter`
 
@@ -429,12 +431,12 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 comment of chart.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Set this to false to prevent the comment from showing. |
-| `labelStyle` | | The text style of all comments. [LabelStyle](LabelStyle)|
-| `markStyle` | | The text style of all comments. [CommentMarkStyle](CommentMarkStyle)|
-| `items` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Set this to false to prevent the comment from showing.
+|`labelStyle`|||The text style of all comments. [LabelStyle](#LabelStyle)|
+|`markStyle`|||The text style of all comments. [CommentMarkStyle](#CommentMarkStyle)|
+|`items`|||The items of comment.
 
 ## `CommentItem`
 
@@ -442,14 +444,14 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 comment of chart.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Set this to false to prevent this comment item from showing. |
-| `content` | | content of comment. |
-| `position` | | position of comment. |
-| `markRect` | | the mark rect of comment. |
-| `markStyle` | | the mark rect style. [CommentMarkStyle](CommentMarkStyle)|
-| `labelStyle` | | The text style of all comments. [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Set this to false to prevent this comment item from showing.
+|`content`|||content of comment.
+|`position`|||position of comment.
+|`markRect`|||the mark rect of comment.
+|`markStyle`|||the mark rect style. [CommentMarkStyle](#CommentMarkStyle)|
+|`labelStyle`|||The text style of all comments. [LabelStyle](#LabelStyle)|
 
 ## `CommentMarkStyle`
 
@@ -457,22 +459,22 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 the comment mark style.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Set this to false to prevent this comment item from showing. |
-| `lineStyle` | | line style of comment mark area. [LineStyle](LineStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Set this to false to prevent this comment item from showing.
+|`lineStyle`|||line style of comment mark area. [LineStyle](#LineStyle)|
 
 ## `ComponentTheme`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `font` | | the font of text. |
-| `textColor` | | the color of text. |
-| `textBackgroundColor` | | the color of text. |
-| `fontSize` |18 | the font size of text. |
-| `tMPFont` | | the font of chart text。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`font`|||the font of text.
+|`textColor`|||the color of text.
+|`textBackgroundColor`|||the color of text.
+|`fontSize`|18||the font size of text.
+|`tMPFont`|||the font of chart text。
 
 ## `CoordSystem`
 
@@ -487,61 +489,61 @@ Inherits or Implemented: [MainComponent](#MainComponent),[IUpdateRuntimeData](#I
 
 DataZoom component is used for zooming a specific area, which enables user to investigate data in detail, or get an overview of the data, or get rid of outlier points.
 
-|field|default|comment|
-|--|--|--|
-| `enable` |true | Whether to show dataZoom. |
-| `filterMode` | | The mode of data filter.</br>`DataZoom.FilterMode`:</br>- `Filter`: data that outside the window will be filtered, which may lead to some changes of windows of other axes. For each data item, it will be filtered if one of the relevant dimensions is out of the window.</br>- `WeakFilter`: data that outside the window will be filtered, which may lead to some changes of windows of other axes. For each data item, it will be filtered only if all of the relevant dimensions are out of the same side of the window.</br>- `Empty`: data that outside the window will be set to NaN, which will not lead to changes of windows of other axes.</br>- `None`: Do not filter data.</br>|
-| `xAxisIndexs` | | Specify which xAxis is controlled by the dataZoom. |
-| `yAxisIndexs` | | Specify which yAxis is controlled by the dataZoom. |
-| `supportInside` | | Whether built-in support is supported. Built into the coordinate system to allow the user to zoom in and out of the coordinate system by mouse dragging, mouse wheel, finger swiping (on the touch screen). |
-| `supportInsideScroll` |true | 是否支持坐标系内滚动 |
-| `supportInsideDrag` |true | 是否支持坐标系内拖拽 |
-| `supportSlider` | | Whether a slider is supported. There are separate sliders on which the user zooms or roams. |
-| `supportSelect` | | 是否支持框选。提供一个选框进行数据区域缩放。 |
-| `showDataShadow` | | Whether to show data shadow, to indicate the data tendency in brief. |
-| `showDetail` | | Whether to show detail, that is, show the detailed data information when dragging. |
-| `zoomLock` | | Specify whether to lock the size of window (selected area). |
-| `fillerColor` | | the color of dataZoom data area. |
-| `borderColor` | | the color of dataZoom border. |
-| `borderWidth` | | 边框宽。 |
-| `backgroundColor` | | The background color of the component. |
-| `left` | | Distance between dataZoom component and the left side of the container. left value is a instant pixel value like 10 or float value [0-1]. |
-| `right` | | Distance between dataZoom component and the right side of the container. right value is a instant pixel value like 10 or float value [0-1]. |
-| `top` | | Distance between dataZoom component and the top side of the container. top value is a instant pixel value like 10 or float value [0-1]. |
-| `bottom` | | Distance between dataZoom component and the bottom side of the container. bottom value is a instant pixel value like 10 or float value [0-1]. |
-| `rangeMode` | | Use absolute value or percent value in DataZoom.start and DataZoom.end.</br>`DataZoom.RangeMode`:</br>- `//Value`: The value type of start and end.取值类型</br>- `Percent`: percent value.</br>|
-| `start` | | The start percentage of the window out of the data extent, in the range of 0 ~ 100. |
-| `end` | | The end percentage of the window out of the data extent, in the range of 0 ~ 100. |
-| `minShowNum` |1 | Minimum number of display data. Minimum number of data displayed when DataZoom is enlarged to maximum. |
-| `scrollSensitivity` |1.1f | The sensitivity of dataZoom scroll. The larger the number, the more sensitive it is. |
-| `orient` | | Specify whether the layout of dataZoom component is horizontal or vertical. What's more, it indicates whether the horizontal axis or vertical axis is controlled by default in catesian coordinate system.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `labelStyle` | | label style. [LabelStyle](LabelStyle)|
-| `lineStyle` | | 阴影线条样式。 [LineStyle](LineStyle)|
-| `areaStyle` | | 阴影填充样式。 [AreaStyle](AreaStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`enable`|true||Whether to show dataZoom.
+|`filterMode`|||The mode of data filter.</br>`DataZoom.FilterMode`:</br>- `Filter`: data that outside the window will be filtered, which may lead to some changes of windows of other axes. For each data item, it will be filtered if one of the relevant dimensions is out of the window.</br>- `WeakFilter`: data that outside the window will be filtered, which may lead to some changes of windows of other axes. For each data item, it will be filtered only if all of the relevant dimensions are out of the same side of the window.</br>- `Empty`: data that outside the window will be set to NaN, which will not lead to changes of windows of other axes.</br>- `None`: Do not filter data.</br>|
+|`xAxisIndexs`|||Specify which xAxis is controlled by the dataZoom.
+|`yAxisIndexs`|||Specify which yAxis is controlled by the dataZoom.
+|`supportInside`|||Whether built-in support is supported. Built into the coordinate system to allow the user to zoom in and out of the coordinate system by mouse dragging, mouse wheel, finger swiping (on the touch screen).
+|`supportInsideScroll`|true||是否支持坐标系内滚动
+|`supportInsideDrag`|true||是否支持坐标系内拖拽
+|`supportSlider`|||Whether a slider is supported. There are separate sliders on which the user zooms or roams.
+|`supportSelect`|||是否支持框选。提供一个选框进行数据区域缩放。
+|`showDataShadow`|||Whether to show data shadow, to indicate the data tendency in brief.
+|`showDetail`|||Whether to show detail, that is, show the detailed data information when dragging.
+|`zoomLock`|||Specify whether to lock the size of window (selected area).
+|`fillerColor`|||the color of dataZoom data area.
+|`borderColor`|||the color of dataZoom border.
+|`borderWidth`|||边框宽。
+|`backgroundColor`|||The background color of the component.
+|`left`|||Distance between dataZoom component and the left side of the container. left value is a instant pixel value like 10 or float value [0-1].
+|`right`|||Distance between dataZoom component and the right side of the container. right value is a instant pixel value like 10 or float value [0-1].
+|`top`|||Distance between dataZoom component and the top side of the container. top value is a instant pixel value like 10 or float value [0-1].
+|`bottom`|||Distance between dataZoom component and the bottom side of the container. bottom value is a instant pixel value like 10 or float value [0-1].
+|`rangeMode`|||Use absolute value or percent value in DataZoom.start and DataZoom.end.</br>`DataZoom.RangeMode`:</br>- `//Value`: The value type of start and end.取值类型</br>- `Percent`: percent value.</br>|
+|`start`|||The start percentage of the window out of the data extent, in the range of 0 ~ 100.
+|`end`|||The end percentage of the window out of the data extent, in the range of 0 ~ 100.
+|`minShowNum`|1||Minimum number of display data. Minimum number of data displayed when DataZoom is enlarged to maximum.
+|`scrollSensitivity`|1.1f||The sensitivity of dataZoom scroll. The larger the number, the more sensitive it is.
+|`orient`|||Specify whether the layout of dataZoom component is horizontal or vertical. What's more, it indicates whether the horizontal axis or vertical axis is controlled by default in catesian coordinate system.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`labelStyle`|||label style. [LabelStyle](#LabelStyle)|
+|`lineStyle`|||阴影线条样式。 [LineStyle](#LineStyle)|
+|`areaStyle`|||阴影填充样式。 [AreaStyle](#AreaStyle)|
 
 ## `DataZoomTheme`
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `borderWidth` | | the width of border line. |
-| `dataLineWidth` | | the width of data line. |
-| `fillerColor` | | the color of dataZoom data area. |
-| `borderColor` | | the color of dataZoom border. |
-| `dataLineColor` | | the color of data area line. |
-| `dataAreaColor` | | the color of data area line. |
-| `backgroundColor` | | the background color of datazoom. |
+|field|default|since|comment|
+|--|--|--|--|
+|`borderWidth`|||the width of border line.
+|`dataLineWidth`|||the width of data line.
+|`fillerColor`|||the color of dataZoom data area.
+|`borderColor`|||the color of dataZoom border.
+|`dataLineColor`|||the color of data area line.
+|`dataAreaColor`|||the color of data area line.
+|`backgroundColor`|||the background color of datazoom.
 
 ## `DebugInfo`
 
-|field|default|comment|
-|--|--|--|
-| `show` |true |  |
-| `showDebugInfo` |false |  |
-| `showAllChartObject` |false |  |
-| `foldSeries` |false |  |
-| `labelStyle` | |  [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether show debug component.
+|`showDebugInfo`|false||
+|`showAllChartObject`|false||Whether show children components of chart in hierarchy view.
+|`foldSeries`|false||Whether to fold series in inspector view.
+|`labelStyle`||| [LabelStyle](#LabelStyle)|
 
 ## `EffectScatter`
 
@@ -554,12 +556,12 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent
 
 高亮的图形样式和文本标签样式。
 
-|field|default|comment|
-|--|--|--|
-| `show` | | 是否启用高亮样式。 |
-| `label` | | 图形文本标签。 [LabelStyle](LabelStyle)|
-| `labelLine` | | 图形文本引导线样式。 [LabelLine](LabelLine)|
-| `itemStyle` | | 图形样式。 [ItemStyle](ItemStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||是否启用高亮样式。
+|`label`|||图形文本标签。 [LabelStyle](#LabelStyle)|
+|`labelLine`|||图形文本引导线样式。 [LabelLine](#LabelLine)|
+|`itemStyle`|||图形样式。 [ItemStyle](#ItemStyle)|
 
 ## `EmphasisItemStyle`
 
@@ -593,17 +595,17 @@ Inherits or Implemented: [CoordSystem](#CoordSystem),[IUpdateRuntimeData](#IUpda
 
 Grid component.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to show the grid in rectangular coordinate. |
-| `left` |0.1f | Distance between grid component and the left side of the container. |
-| `right` |0.08f | Distance between grid component and the right side of the container. |
-| `top` |0.22f | Distance between grid component and the top side of the container. |
-| `bottom` |0.12f | Distance between grid component and the bottom side of the container. |
-| `backgroundColor` | | Background color of grid, which is transparent by default. |
-| `showBorder` |false | Whether to show the grid border. |
-| `borderWidth` |0f | Border width of grid. |
-| `borderColor` | | The color of grid border. |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether to show the grid in rectangular coordinate.
+|`left`|0.1f||Distance between grid component and the left side of the container.
+|`right`|0.08f||Distance between grid component and the right side of the container.
+|`top`|0.22f||Distance between grid component and the top side of the container.
+|`bottom`|0.12f||Distance between grid component and the bottom side of the container.
+|`backgroundColor`|||Background color of grid, which is transparent by default.
+|`showBorder`|false||Whether to show the grid border.
+|`borderWidth`|0f||Border width of grid.
+|`borderColor`|||The color of grid border.
 
 ## `Heatmap`
 
@@ -614,61 +616,61 @@ Inherits or Implemented: [Serie](#Serie),[INeedSerieContainer](#INeedSerieContai
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `show` |false | Whether the data icon is show. |
-| `layer` | | 显示在上层还是在下层。</br>`IconStyle.Layer`:</br>- `UnderText`: The icon is display under the label text. 图标在标签文字下</br>- `AboveText`: The icon is display above the label text. 图标在标签文字上</br>|
-| `align` | | 水平方向对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
-| `sprite` | | The image of icon. |
-| `type` | | How to display the icon. |
-| `color` | | 图标颜色。 |
-| `width` |20 | 图标宽。 |
-| `height` |20 | 图标高。 |
-| `offset` | | 图标偏移。 |
-| `autoHideWhenLabelEmpty` |false | 当label内容为空时是否自动隐藏图标 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|false||Whether the data icon is show.
+|`layer`|||显示在上层还是在下层。</br>`IconStyle.Layer`:</br>- `UnderText`: The icon is display under the label text. 图标在标签文字下</br>- `AboveText`: The icon is display above the label text. 图标在标签文字上</br>|
+|`align`|||水平方向对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
+|`sprite`|||The image of icon.
+|`type`|||How to display the icon.
+|`color`|||图标颜色。
+|`width`|20||图标宽。
+|`height`|20||图标高。
+|`offset`|||图标偏移。
+|`autoHideWhenLabelEmpty`|false||当label内容为空时是否自动隐藏图标
 
 ## `ImageStyle`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent](#ISerieExtraComponent),[ISerieDataComponent](#ISerieDataComponent)
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether the data icon is show. |
-| `sprite` | | The image of icon. |
-| `type` | | How to display the image. |
-| `autoColor` | | 是否自动颜色。 |
-| `color` | | 图标颜色。 |
-| `width` |0 | 图标宽。 |
-| `height` |0 | 图标高。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether the data icon is show.
+|`sprite`|||The image of icon.
+|`type`|||How to display the image.
+|`autoColor`|||是否自动颜色。
+|`color`|||图标颜色。
+|`width`|0||图标宽。
+|`height`|0||图标高。
 
 ## `Indicator`
 
 Indicator of radar chart, which is used to assign multiple variables(dimensions) in radar chart.
 
-|field|default|comment|
-|--|--|--|
-| `name` | |  |
-| `max` | | The maximum value of indicator, with default value of 0, but we recommend to set it manually. |
-| `min` | | The minimum value of indicator, with default value of 0. |
-| `range` | | Normal range. When the value is outside this range, the display color is automatically changed. |
-| `show` | | [default:true] Set this to false to prevent the radar from showing. |
-| `shape` | | Radar render type, in which 'Polygon' and 'Circle' are supported.</br>`RadarCoord.Shape`:</br>- `Polygon`: Radar render type, in which 'Polygon' and 'Circle' are supported.</br>- `Circle`: Radar render type, in which 'Polygon' and 'Circle' are supported.</br>|
-| `radius` |100 | the radius of radar. |
-| `splitNumber` |5 | Segments of indicator axis. |
-| `center` | | the center of radar chart. |
-| `axisLine` | | axis line. [AxisLine](AxisLine)|
-| `axisName` | | Name options for radar indicators. [AxisName](AxisName)|
-| `splitLine` | | split line. [AxisSplitLine](AxisSplitLine)|
-| `splitArea` | | Split area of axis in grid area. [AxisSplitArea](AxisSplitArea)|
-| `indicator` |true | Whether to show indicator. |
-| `positionType` | | The position type of indicator.</br>`RadarCoord.PositionType`:</br>- `Vertice`: Display at the vertex.</br>- `Between`: Display at the middle of line.</br>|
-| `indicatorGap` |10 | The gap of indicator and radar. |
-| `ceilRate` |0 | The ratio of maximum and minimum values rounded upward. The default is 0, which is automatically calculated. |
-| `isAxisTooltip` | | 是否Tooltip显示轴线上的所有数据。 |
-| `outRangeColor` |Color.red | The color displayed when data out of range. |
-| `connectCenter` |false | Whether serie data connect to radar center with line. |
-| `lineGradient` |true | Whether need gradient for data line. |
-| `indicatorList` | | the indicator list. |
+|field|default|since|comment|
+|--|--|--|--|
+|`name`|||The name of indicator.
+|`max`|||The maximum value of indicator, with default value of 0, but we recommend to set it manually.
+|`min`|||The minimum value of indicator, with default value of 0.
+|`range`|||Normal range. When the value is outside this range, the display color is automatically changed.
+|`show`|||[default:true] Set this to false to prevent the radar from showing.
+|`shape`|||Radar render type, in which 'Polygon' and 'Circle' are supported.
+|`radius`|100||the radius of radar.
+|`splitNumber`|5||Segments of indicator axis.
+|`center`|||the center of radar chart.
+|`axisLine`|||axis line. [AxisLine](#AxisLine)|
+|`axisName`|||Name options for radar indicators. [AxisName](#AxisName)|
+|`splitLine`|||split line. [AxisSplitLine](#AxisSplitLine)|
+|`splitArea`|||Split area of axis in grid area. [AxisSplitArea](#AxisSplitArea)|
+|`indicator`|true||Whether to show indicator.
+|`positionType`|||The position type of indicator.
+|`indicatorGap`|10||The gap of indicator and radar.
+|`ceilRate`|0||The ratio of maximum and minimum values rounded upward. The default is 0, which is automatically calculated.
+|`isAxisTooltip`|||是否Tooltip显示轴线上的所有数据。
+|`outRangeColor`|Color.red||The color displayed when data out of range.
+|`connectCenter`|false||Whether serie data connect to radar center with line.
+|`lineGradient`|true||Whether need gradient for data line.
+|`indicatorList`|||the indicator list.
 
 ## `ItemStyle`
 
@@ -676,27 +678,27 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieDataComponent]
 
 图形样式。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否启用。 |
-| `color` | | 数据项颜色。 |
-| `color0` | | 数据项颜色。 |
-| `toColor` | | Gradient color1. |
-| `toColor2` | | Gradient color2.Only valid in line diagrams. |
-| `backgroundColor` | | 数据项背景颜色。 |
-| `backgroundWidth` | | 数据项背景宽度。 |
-| `centerColor` | | 中心区域颜色。 |
-| `centerGap` | | 中心区域间隙。 |
-| `borderWidth` |0 | 边框宽。 |
-| `borderGap` |0 | 边框间隙。 |
-| `borderColor` | | 边框的颜色。 |
-| `borderColor0` | | 边框的颜色。 |
-| `borderToColor` | | 边框的渐变色。 |
-| `opacity` |1 | 透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。 |
-| `itemMarker` | | 提示框单项的字符标志。用在Tooltip中。 |
-| `itemFormatter` | | 提示框单项的字符串模版格式器。具体配置参考`Tooltip`的`formatter` |
-| `numericFormatter` | | Standard numeric format strings. |
-| `cornerRadius` | | The radius of rounded corner. Its unit is px. Use array to respectively specify the 4 corner radiuses((clockwise upper left, upper right, bottom right and bottom left)). |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否启用。
+|`color`|||数据项颜色。
+|`color0`|||数据项颜色。
+|`toColor`|||Gradient color1.
+|`toColor2`|||Gradient color2.Only valid in line diagrams.
+|`backgroundColor`|||数据项背景颜色。
+|`backgroundWidth`|||数据项背景宽度。
+|`centerColor`|||中心区域颜色。
+|`centerGap`|||中心区域间隙。
+|`borderWidth`|0||边框宽。
+|`borderGap`|0||边框间隙。
+|`borderColor`|||边框的颜色。
+|`borderColor0`|||边框的颜色。
+|`borderToColor`|||边框的渐变色。
+|`opacity`|1||透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
+|`itemMarker`|||提示框单项的字符标志。用在Tooltip中。
+|`itemFormatter`|||提示框单项的字符串模版格式器。具体配置参考`Tooltip`的`formatter`
+|`numericFormatter`|||Standard numeric format strings.
+|`cornerRadius`|||The radius of rounded corner. Its unit is px. Use array to respectively specify the 4 corner radiuses((clockwise upper left, upper right, bottom right and bottom left)).
 
 ## `LabelLine`
 
@@ -704,18 +706,18 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent
 
 标签的引导线
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether the label line is showed. |
-| `lineType` | | the type of visual guide line.</br>`LineType`:</br>- `Normal`: the normal line chart，</br>- `Smooth`: the smooth line chart，</br>- `StepStart`: step line.</br>- `StepMiddle`: step line.</br>- `StepEnd`: step line.</br>|
-| `lineColor` |ChartConst.clearColor32 | the color of visual guild line. |
-| `lineAngle` |0 | the angle of visual guild line. |
-| `lineWidth` |1.0f | the width of visual guild line. |
-| `lineGap` |1.0f | the gap of container and guild line. |
-| `lineLength1` |25f | The length of the first segment of visual guide line. |
-| `lineLength2` |15f | The length of the second segment of visual guide line. |
-| `startSymbol` | | The symbol of the start point of labelline. [SymbolStyle](SymbolStyle)|
-| `endSymbol` | | The symbol of the end point of labelline. [SymbolStyle](SymbolStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether the label line is showed.
+|`lineType`|||the type of visual guide line.</br>`LabelLine.LineType`:</br>- `BrokenLine`: 折线</br>- `Curves`: 曲线</br>- `HorizontalLine`: 水平线</br>|
+|`lineColor`|ChartConst.clearColor32||the color of visual guild line.
+|`lineAngle`|0||the angle of visual guild line.
+|`lineWidth`|1.0f||the width of visual guild line.
+|`lineGap`|1.0f||the gap of container and guild line.
+|`lineLength1`|25f||The length of the first segment of visual guide line.
+|`lineLength2`|15f||The length of the second segment of visual guide line.
+|`startSymbol`|||The symbol of the start point of labelline. [SymbolStyle](#SymbolStyle)|
+|`endSymbol`|||The symbol of the end point of labelline. [SymbolStyle](#SymbolStyle)|
 
 ## `LabelStyle`
 
@@ -723,22 +725,22 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent
 
 Text label of chart, to explain some data information about graphic item like value, name and so on.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether the label is showed. |
-| `Position` | | The position of label. |
-| `autoOffset` |false | 是否开启自动偏移。当开启时，Y的偏移会自动判断曲线的开口来决定向上还是向下偏移。 |
-| `offset` | | offset to the host graphic element. |
-| `rotate` | | Rotation of label. |
-| `distance` | | 距离轴线的距离。 |
-| `formatter` | | formatter of label. |
-| `numericFormatter` | | Standard numeric format strings. |
-| `width` |0 | the width of label. If set as default value 0, it means than the label width auto set as the text width. |
-| `height` |0 | the height of label. If set as default value 0, it means than the label height auto set as the text height. |
-| `icon` | | the sytle of icon. [IconStyle](IconStyle)|
-| `background` | | the sytle of background. [ImageStyle](ImageStyle)|
-| `textPadding` | | the text padding of label. [TextPadding](TextPadding)|
-| `textStyle` | | the sytle of text. [TextStyle](TextStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether the label is showed.
+|`Position`|||The position of label.
+|`autoOffset`|false||是否开启自动偏移。当开启时，Y的偏移会自动判断曲线的开口来决定向上还是向下偏移。
+|`offset`|||offset to the host graphic element.
+|`rotate`|||Rotation of label.
+|`distance`|||距离轴线的距离。
+|`formatter`|||formatter of label.
+|`numericFormatter`|||Standard numeric format strings.
+|`width`|0||the width of label. If set as default value 0, it means than the label width auto set as the text width.
+|`height`|0||the height of label. If set as default value 0, it means than the label height auto set as the text height.
+|`icon`|||the sytle of icon. [IconStyle](#IconStyle)|
+|`background`|||the sytle of background. [ImageStyle](#ImageStyle)|
+|`textPadding`|||the text padding of label. [TextPadding](#TextPadding)|
+|`textStyle`|||the sytle of text. [TextStyle](#TextStyle)|
 
 ## `Lang`
 
@@ -759,51 +761,53 @@ Inherits or Implemented: [MainComponent](#MainComponent),[IPropertyChanged](#IPr
 
 Legend component.The legend component shows different sets of tags, colors, and names. You can control which series are not displayed by clicking on the legend.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to show legend component. |
-| `iconType` | | Type of legend.</br>`Painter.Type`:</br>- `Base`: </br>- `Serie`: </br>- `Top`: </br>|
-| `selectedMode` | | Selected mode of legend, which controls whether series can be toggled displaying by clicking legends.</br>`VisualMap.SelectedMode`:</br>- `Multiple`: 多选。</br>- `Single`: 单选。</br>|
-| `orient` | | Specify whether the layout of legend component is horizontal or vertical.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `location` | | The location of legend. [Location](Location)|
-| `itemWidth` |25.0f | Image width of legend symbol. |
-| `itemHeight` |12.0f | Image height of legend symbol. |
-| `itemGap` |10f | The distance between each legend, horizontal distance in horizontal layout, and vertical distance in vertical layout. |
-| `itemAutoColor` |true | Whether the legend symbol matches the color automatically. |
-| `itemOpacity` |1 | the opacity of item color. |
-| `formatter` | | Legend content string template formatter. Support for wrapping lines with \n. Template:{value}. |
-| `numericFormatter` | | Standard numeric format strings. |
-| `labelStyle` | | the style of text. [LabelStyle](LabelStyle)|
-| `data` | | Data array of legend. An array item is usually a name representing string. (If it is a pie chart, it could also be the name of a single data in the pie chart) of a series. |
-| `icons` | | 自定义的图例标记图形。 |
-| `colors` | | the colors of legend item. 图例标记的颜色列表。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether to show legend component.
+|`iconType`|||Type of legend.</br>`Legend.Type`:</br>- `Auto`: 自动匹配。</br>- `Custom`: 自定义图标。</br>- `EmptyCircle`: 空心圆。</br>- `Circle`: 圆形。</br>- `Rect`: 正方形。可通过Setting的legendIconCornerRadius参数调整圆角。</br>- `Triangle`: 三角形。</br>- `Diamond`: 菱形。</br>|
+|`selectedMode`|||Selected mode of legend, which controls whether series can be toggled displaying by clicking legends.</br>`Legend.SelectedMode`:</br>- `Multiple`: 多选。</br>- `Single`: 单选。</br>- `None`: 无法选择。</br>|
+|`orient`|||Specify whether the layout of legend component is horizontal or vertical.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`location`|||The location of legend. [Location](#Location)|
+|`itemWidth`|25.0f||Image width of legend symbol.
+|`itemHeight`|12.0f||Image height of legend symbol.
+|`itemGap`|10f||The distance between each legend, horizontal distance in horizontal layout, and vertical distance in vertical layout.
+|`itemAutoColor`|true||Whether the legend symbol matches the color automatically.
+|`itemOpacity`|1||the opacity of item color.
+|`formatter`|||Legend content string template formatter. Support for wrapping lines with \n. Template:{value}.
+|`numericFormatter`|||Standard numeric format strings.
+|`labelStyle`|||the style of text. [LabelStyle](#LabelStyle)|
+|`data`|||Data array of legend. An array item is usually a name representing string. (If it is a pie chart, it could also be the name of a single data in the pie chart) of a series. If data is not specified, it will be auto collected from series.
+|`icons`|||自定义的图例标记图形。
+|`colors`|||the colors of legend item.
+|`background`||v3.1.0|the sytle of background. [ImageStyle](#ImageStyle)|
+|`padding`||v3.1.0|the paddinng of item and background. [Padding](#Padding)|
 
 ## `LegendTheme`
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `unableColor` | | the color of text. |
+|field|default|since|comment|
+|--|--|--|--|
+|`unableColor`|||the color of text.
 
 ## `Level`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `label` | | 文本标签样式。 [LabelStyle](LabelStyle)|
-| `upperLabel` | | 上方的文本标签样式。 [LabelStyle](LabelStyle)|
-| `itemStyle` | | 数据项样式。 [ItemStyle](ItemStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`label`|||文本标签样式。 [LabelStyle](#LabelStyle)|
+|`upperLabel`|||上方的文本标签样式。 [LabelStyle](#LabelStyle)|
+|`itemStyle`|||数据项样式。 [ItemStyle](#ItemStyle)|
 
 ## `LevelStyle`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `show` |false | 是否启用LevelStyle |
-| `levels` | | 各层节点对应的配置。当enableLevels为true时生效，levels[0]对应的第一层的配置，levels[1]对应第二层，依次类推。当levels中没有对应层时用默认的设置。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|false||是否启用LevelStyle
+|`levels`|||各层节点对应的配置。当enableLevels为true时生效，levels[0]对应的第一层的配置，levels[1]对应第二层，依次类推。当levels中没有对应层时用默认的设置。
 
 ## `Line`
 
@@ -814,11 +818,11 @@ Inherits or Implemented: [Serie](#Serie),[INeedSerieContainer](#INeedSerieContai
 
 Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent](#ISerieExtraComponent)
 
-|field|default|comment|
-|--|--|--|
-| `show` | | Whether to show the arrow. |
-| `position` | | The position of arrow.</br>`LabelStyle.Position`:</br>- `Default`: The position of label.</br>- `Outside`: Outside of sectors of pie chart, which relates to corresponding sector through visual guide line.</br>- `Inside`: Inside the sectors of pie chart.</br>- `Center`: In the center of pie chart.</br>- `Top`: top of symbol.</br>- `Bottom`: the bottom of symbol.</br>- `Left`: the left of symbol.</br>- `Right`: the right of symbol.</br>- `Start`: the start of line.</br>- `Middle`: the middle of line.</br>- `End`: the end of line.</br>|
-| `arrow` | | the arrow of line. [ArrowStyle](ArrowStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||Whether to show the arrow.
+|`position`|||The position of arrow.</br>`LineArrow.Position`:</br>- `End`: 末端箭头</br>- `Start`: 头端箭头</br>|
+|`arrow`|||the arrow of line. [ArrowStyle](#ArrowStyle)|
 
 ## `LineStyle`
 
@@ -826,16 +830,16 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieDataComponent]
 
 The style of line.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether show line. |
-| `type` | | the type of line.</br>`Painter.Type`:</br>- `Base`: </br>- `Serie`: </br>- `Top`: </br>|
-| `color` | | the color of line, default use serie color. |
-| `toColor` | | the middle color of line, default use serie color. |
-| `toColor2` | | the end color of line, default use serie color. |
-| `width` |0 | the width of line. |
-| `length` |0 | the length of line. |
-| `opacity` |1 | Opacity of the line. Supports value from 0 to 1, and the line will not be drawn when set to 0. |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether show line.
+|`type`|||the type of line.</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`color`|||the color of line, default use serie color.
+|`toColor`|||the middle color of line, default use serie color.
+|`toColor2`|||the end color of line, default use serie color.
+|`width`|0||the width of line.
+|`length`|0||the length of line.
+|`opacity`|1||Opacity of the line. Supports value from 0 to 1, and the line will not be drawn when set to 0.
 
 ## `Location`
 
@@ -843,13 +847,13 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[IPropertyChanged](#I
 
 Location type. Quick to set the general location.
 
-|field|default|comment|
-|--|--|--|
-| `align` | | 对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
-| `left` | | Distance between component and the left side of the container. |
-| `right` | | Distance between component and the left side of the container. |
-| `top` | | Distance between component and the left side of the container. |
-| `bottom` | | Distance between component and the left side of the container. |
+|field|default|since|comment|
+|--|--|--|--|
+|`align`|||对齐方式。</br>`Location.Align`:</br>- `TopLeft`: 对齐方式</br>- `TopRight`: 对齐方式</br>- `TopCenter`: 对齐方式</br>- `BottomLeft`: 对齐方式</br>- `BottomRight`: 对齐方式</br>- `BottomCenter`: 对齐方式</br>- `Center`: 对齐方式</br>- `CenterLeft`: 对齐方式</br>- `CenterRight`: 对齐方式</br>|
+|`left`|||Distance between component and the left side of the container.
+|`right`|||Distance between component and the left side of the container.
+|`top`|||Distance between component and the left side of the container.
+|`bottom`|||Distance between component and the left side of the container.
 
 ## `MainComponent`
 
@@ -862,15 +866,15 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 Used to mark an area in chart. For example, mark a time interval.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示标域。 |
-| `text` | | The text of markArea. 标域显示的文本。 |
-| `serieIndex` |0 | Serie index of markArea. 标域影响的Serie索引。 |
-| `start` | | 标域范围的起始数据。 [MarkAreaData](MarkAreaData)|
-| `end` | | 标域范围的结束数据。 [MarkAreaData](MarkAreaData)|
-| `itemStyle` | | 标域样式。 [ItemStyle](ItemStyle)|
-| `label` | | 标域文本样式。 [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示标域。
+|`text`|||The text of markArea. 标域显示的文本。
+|`serieIndex`|0||Serie index of markArea. 标域影响的Serie索引。
+|`start`|||标域范围的起始数据。 [MarkAreaData](#MarkAreaData)|
+|`end`|||标域范围的结束数据。 [MarkAreaData](#MarkAreaData)|
+|`itemStyle`|||标域样式。 [ItemStyle](#ItemStyle)|
+|`label`|||标域文本样式。 [LabelStyle](#LabelStyle)|
 
 ## `MarkAreaData`
 
@@ -878,15 +882,15 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 标域的数据。
 
-|field|default|comment|
-|--|--|--|
-| `type` | | Special markArea types, are used to label maximum value, minimum value and so on.</br>`MarkAreaType`:</br>- `None`: 标域类型</br>- `Min`: 最小值。</br>- `Max`: 最大值。</br>- `Average`: 平均值。</br>- `Median`: 中位数。</br>|
-| `name` | | Name of the marker, which will display as a label. |
-| `dimension` |1 | From which dimension of data to calculate the maximum and minimum value and so on. |
-| `xPosition` | | The x coordinate relative to the origin, in pixels. |
-| `yPosition` | | The y coordinate relative to the origin, in pixels. |
-| `xValue` | | The value specified on the X-axis. A value specified when the X-axis is the category axis represents the index of the category axis data, otherwise a specific value. |
-| `yValue` | | That's the value on the Y-axis. The value specified when the Y axis is the category axis represents the index of the category axis data, otherwise the specific value. |
+|field|default|since|comment|
+|--|--|--|--|
+|`type`|||Special markArea types, are used to label maximum value, minimum value and so on.</br>`MarkAreaType`:</br>- `None`: 标域类型</br>- `Min`: 最小值。</br>- `Max`: 最大值。</br>- `Average`: 平均值。</br>- `Median`: 中位数。</br>|
+|`name`|||Name of the marker, which will display as a label.
+|`dimension`|1||From which dimension of data to calculate the maximum and minimum value and so on.
+|`xPosition`|||The x coordinate relative to the origin, in pixels.
+|`yPosition`|||The y coordinate relative to the origin, in pixels.
+|`xValue`|||The value specified on the X-axis. A value specified when the X-axis is the category axis represents the index of the category axis data, otherwise a specific value.
+|`yValue`|||That's the value on the Y-axis. The value specified when the Y axis is the category axis represents the index of the category axis data, otherwise the specific value.
 
 ## `MarkLine`
 
@@ -894,12 +898,12 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 Use a line in the chart to illustrate.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to display the marking line. |
-| `serieIndex` |0 | The serie index of markLine. |
-| `animation` | | The animation of markline. [AnimationStyle](AnimationStyle)|
-| `data` | | A list of marked data. When the group of data item is 0, each data item represents a line; When the group is not 0, two data items of the same group represent the starting point and the ending point of the line respectively to form a line. In this case, the relevant style parameters of the line are the parameters of the starting point. |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether to display the marking line.
+|`serieIndex`|0||The serie index of markLine.
+|`animation`|||The animation of markline. [AnimationStyle](#AnimationStyle)|
+|`data`|||A list of marked data. When the group of data item is 0, each data item represents a line; When the group is not 0, two data items of the same group represent the starting point and the ending point of the line respectively to form a line. In this case, the relevant style parameters of the line are the parameters of the starting point.
 
 ## `MarkLineData`
 
@@ -907,21 +911,35 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 Data of marking line.
 
-|field|default|comment|
-|--|--|--|
-| `type` | | Special label types, are used to label maximum value, minimum value and so on.</br>`MarkLineType`:</br>- `None`: 标线类型</br>- `Min`: 最小值。</br>- `Max`: 最大值。</br>- `Average`: 平均值。</br>- `Median`: 中位数。</br>|
-| `name` | | Name of the marker, which will display as a label. |
-| `dimension` |1 | From which dimension of data to calculate the maximum and minimum value and so on. |
-| `xPosition` | | The x coordinate relative to the origin, in pixels. |
-| `yPosition` | | The y coordinate relative to the origin, in pixels. |
-| `xValue` | | The value specified on the X-axis. A value specified when the X-axis is the category axis represents the index of the category axis data, otherwise a specific value. |
-| `yValue` | | That's the value on the Y-axis. The value specified when the Y axis is the category axis represents the index of the category axis data, otherwise the specific value. |
-| `group` |0 | Grouping. When the group is not 0, it means that this data is the starting point or end point of the marking line. Data consistent with the group form a marking line. |
-| `zeroPosition` |false | Is the origin of the coordinate system. |
-| `startSymbol` | | The symbol of the start point of markline. [SymbolStyle](SymbolStyle)|
-| `endSymbol` | | The symbol of the end point of markline. [SymbolStyle](SymbolStyle)|
-| `lineStyle` | | The line style of markline. [LineStyle](LineStyle)|
-| `label` | | Text styles of label. You can set position to Start, Middle, and End to display text in different locations. [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`type`|||Special label types, are used to label maximum value, minimum value and so on.</br>`MarkLineType`:</br>- `None`: 标线类型</br>- `Min`: 最小值。</br>- `Max`: 最大值。</br>- `Average`: 平均值。</br>- `Median`: 中位数。</br>|
+|`name`|||Name of the marker, which will display as a label.
+|`dimension`|1||From which dimension of data to calculate the maximum and minimum value and so on.
+|`xPosition`|||The x coordinate relative to the origin, in pixels.
+|`yPosition`|||The y coordinate relative to the origin, in pixels.
+|`xValue`|||The value specified on the X-axis. A value specified when the X-axis is the category axis represents the index of the category axis data, otherwise a specific value.
+|`yValue`|||That's the value on the Y-axis. The value specified when the Y axis is the category axis represents the index of the category axis data, otherwise the specific value.
+|`group`|0||Grouping. When the group is not 0, it means that this data is the starting point or end point of the marking line. Data consistent with the group form a marking line.
+|`zeroPosition`|false||Is the origin of the coordinate system.
+|`startSymbol`|||The symbol of the start point of markline. [SymbolStyle](#SymbolStyle)|
+|`endSymbol`|||The symbol of the end point of markline. [SymbolStyle](#SymbolStyle)|
+|`lineStyle`|||The line style of markline. [LineStyle](#LineStyle)|
+|`label`|||Text styles of label. You can set position to Start, Middle, and End to display text in different locations. [LabelStyle](#LabelStyle)|
+
+## `Padding`
+
+Inherits or Implemented: [ChildComponent](#ChildComponent)
+
+padding setting of item or text.
+
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||show padding. 是否显示。
+|`top`|0||padding of top.
+|`right`|2f||padding of right.
+|`left`|2f||padding of left.
+|`bottom`|0||padding of bottom.
 
 ## `Parallel`
 
@@ -939,15 +957,15 @@ Inherits or Implemented: [CoordSystem](#CoordSystem),[IUpdateRuntimeData](#IUpda
 
 Grid component.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to show the grid in rectangular coordinate. |
-| `orient` | | Orientation of the axis. By default, it's 'Vertical'. You can set it to be 'Horizonal' to make a vertical axis.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `left` |0.1f | Distance between grid component and the left side of the container. |
-| `right` |0.08f | Distance between grid component and the right side of the container. |
-| `top` |0.22f | Distance between grid component and the top side of the container. |
-| `bottom` |0.12f | Distance between grid component and the bottom side of the container. |
-| `backgroundColor` | | Background color of grid, which is transparent by default. |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether to show the grid in rectangular coordinate.
+|`orient`|||Orientation of the axis. By default, it's 'Vertical'. You can set it to be 'Horizonal' to make a vertical axis.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`left`|0.1f||Distance between grid component and the left side of the container.
+|`right`|0.08f||Distance between grid component and the right side of the container.
+|`top`|0.22f||Distance between grid component and the top side of the container.
+|`bottom`|0.12f||Distance between grid component and the bottom side of the container.
+|`backgroundColor`|||Background color of grid, which is transparent by default.
 
 ## `Pie`
 
@@ -965,12 +983,12 @@ Inherits or Implemented: [CoordSystem](#CoordSystem),[ISerieContainer](#ISerieCo
 
 Polar coordinate can be used in scatter and line chart. Every polar coordinate has an angleAxis and a radiusAxis.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to show the polor component. |
-| `center` | | The center of ploar. The center[0] is the x-coordinate, and the center[1] is the y-coordinate. When value between 0 and 1 represents a percentage  relative to the chart. |
-| `radius` |0.35f | the radius of polar. |
-| `backgroundColor` | | Background color of polar, which is transparent by default. |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether to show the polor component.
+|`center`|||The center of ploar. The center[0] is the x-coordinate, and the center[1] is the y-coordinate. When value between 0 and 1 represents a percentage  relative to the chart.
+|`radius`|0.35f||the radius of polar.
+|`backgroundColor`|||Background color of polar, which is transparent by default.
 
 ## `Radar`
 
@@ -1017,74 +1035,74 @@ Inherits or Implemented: [BaseSerie](#BaseSerie),[IComparable](#IComparable)
 
 系列。
 
-|field|default|comment|
-|--|--|--|
-| `index` | | The index of serie. |
-| `show` |true | Whether to show serie in chart. |
-| `coordSystem` | | the chart coord system of serie. |
-| `serieType` | | the type of serie. |
-| `serieName` | | Series name used for displaying in tooltip and filtering with legend. |
-| `stack` | | If stack the value. On the same category axis, the series with the same stack name would be put on top of each other. |
-| `xAxisIndex` |0 | the index of XAxis. |
-| `yAxisIndex` |0 | the index of YAxis. |
-| `radarIndex` |0 | Index of radar component that radar chart uses. |
-| `vesselIndex` |0 | Index of vesel component that liquid chart uses. |
-| `polarIndex` |0 | Index of polar component that serie uses. |
-| `singleAxisIndex` |0 | Index of single axis component that serie uses. |
-| `parallelIndex` |0 | Index of parallel coord component that serie uses. |
-| `minShow` | | The min number of data to show in chart. |
-| `maxShow` | | The max number of data to show in chart. |
-| `maxCache` | | The max number of serie data cache. The first data will be remove when the size of serie data is larger then maxCache. |
-| `sampleDist` |0 | the min pixel dist of sample. |
-| `sampleType` | | the type of sample.</br>`SampleType`:</br>- `Peak`: Take a peak. When the average value of the filter point is greater than or equal to 'sampleAverage', take the maximum value; If you do it the other way around, you get the minimum.</br>- `Average`: Take the average of the filter points.</br>- `Max`: Take the maximum value of the filter point.</br>- `Min`: Take the minimum value of the filter point.</br>- `Sum`: Take the sum of the filter points.</br>|
-| `sampleAverage` |0 | 设定的采样平均值。当sampleType 为 Peak 时，用于和过滤数据的平均值做对比是取最大值还是最小值。默认为0时会实时计算所有数据的平均值。 |
-| `lineType` | | The type of line chart.</br>`LineType`:</br>- `Normal`: the normal line chart，</br>- `Smooth`: the smooth line chart，</br>- `StepStart`: step line.</br>- `StepMiddle`: step line.</br>- `StepEnd`: step line.</br>|
-| `barType` | | 柱形图类型。</br>`BarType`:</br>- `Normal`: normal bar.</br>- `Zebra`: zebra bar.</br>- `Capsule`: capsule bar.</br>|
-| `barPercentStack` |false | 柱形图是否为百分比堆积。相同stack的serie只要有一个barPercentStack为true，则就显示成百分比堆叠柱状图。 |
-| `barWidth` |0 | The width of the bar. Adaptive when default 0. |
-| `barGap` |0.1f | The gap between bars between different series, is a percent value like '0.3f' , which means 30% of the bar width, can be set as a fixed value. Set barGap as '-1' can overlap bars that belong to different series, which is useful when making a series of bar be background. In a single coodinate system, this attribute is shared by multiple 'bar' series. This attribute should be set on the last 'bar' series in the coodinate system, then it will be adopted by all 'bar' series in the coordinate system. |
-| `barZebraWidth` |4f | 斑马线的粗细。 |
-| `barZebraGap` |2f | 斑马线的间距。 |
-| `min` | | 最小值。 |
-| `max` | | 最大值。 |
-| `minSize` |0f | 数据最小值 min 映射的宽度。 |
-| `maxSize` |1f | 数据最大值 max 映射的宽度。 |
-| `startAngle` | | 起始角度。和时钟一样，12点钟位置是0度，顺时针到360度。 |
-| `endAngle` | | 结束角度。和时钟一样，12点钟位置是0度，顺时针到360度。 |
-| `minAngle` | | The minimum angle of sector(0-360). It prevents some sector from being too small when value is small. |
-| `clockwise` |true | 是否顺时针。 |
-| `roundCap` | | 是否开启圆弧效果。 |
-| `splitNumber` | | 刻度分割段数。最大可设置36。 |
-| `clickOffset` |true | Whether offset when mouse click pie chart item. |
-| `roseType` | | Whether to show as Nightingale chart.</br>`RoseType`:</br>- `None`: Don't show as Nightingale chart.</br>- `Radius`: Use central angle to show the percentage of data, radius to show data size.</br>- `Area`: All the sectors will share the same central angle, the data size is shown only through radiuses.</br>|
-| `gap` | | gap of item. |
-| `center` | | the center of chart. |
-| `radius` | | the radius of chart. |
-| `showDataDimension` | | 数据项里的数据维数。 |
-| `showDataName` | | 在Editor的inpsector上是否显示name参数 |
-| `clip` |false | If clip the overflow on the coordinate system. |
-| `ignore` |false | 是否开启忽略数据。当为 true 时，数据值为 ignoreValue 时不进行绘制。 |
-| `ignoreValue` |0 | 忽略数据的默认值。当ignore为true才有效。 |
-| `ignoreLineBreak` |false | 忽略数据时折线是断开还是连接。默认false为连接。 |
-| `showAsPositiveNumber` |false | Show negative number as positive number. |
-| `large` |true | 是否开启大数据量优化，在数据图形特别多而出现卡顿时候可以开启。 开启后配合 largeThreshold 在数据量大于指定阈值的时候对绘制进行优化。 缺点：优化后不能自定义设置单个数据项的样式，不能显示Label。 |
-| `largeThreshold` |200 | 开启大数量优化的阈值。只有当开启了large并且数据量大于该阀值时才进入性能模式。 |
-| `avoidLabelOverlap` |false | 在饼图且标签外部显示的情况下，是否启用防止标签重叠策略，默认关闭，在标签拥挤重叠的情况下会挪动各个标签的位置，防止标签间的重叠。 |
-| `radarType` | | 雷达图类型。</br>`RadarType`:</br>- `Multiple`: multiple radar.</br>- `Single`: single radar.</br>|
-| `placeHolder` |false | 占位模式。占位模式时，数据有效但不参与渲染和显示。 |
-| `dataSortType` | | 组件的数据排序。</br>`SerieDataSortType`:</br>- `None`: 按 data 的顺序</br>- `Ascending`: 升序</br>- `Descending`: 降序</br>|
-| `orient` | | 组件的朝向。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `align` | | 组件水平方向对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
-| `left` | | Distance between component and the left side of the container. |
-| `right` | | Distance between component and the right side of the container. |
-| `top` | | Distance between component and the top side of the container. |
-| `bottom` | | Distance between component and the bottom side of the container. |
-| `insertDataToHead` | | Whether to add new data at the head or at the end of the list. |
-| `lineStyle` | | The style of line. [LineStyle](LineStyle)|
-| `symbol` | | the symbol of serie data item. [SerieSymbol](SerieSymbol)|
-| `animation` | | The start animation. [AnimationStyle](AnimationStyle)|
-| `itemStyle` | | The style of data item. [ItemStyle](ItemStyle)|
-| `data` | | 系列中的数据内容数组。SerieData可以设置1到n维数据。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`index`|||The index of serie.
+|`show`|true||Whether to show serie in chart.
+|`coordSystem`|||the chart coord system of serie.
+|`serieType`|||the type of serie.
+|`serieName`|||Series name used for displaying in tooltip and filtering with legend.
+|`stack`|||If stack the value. On the same category axis, the series with the same stack name would be put on top of each other.
+|`xAxisIndex`|0||the index of XAxis.
+|`yAxisIndex`|0||the index of YAxis.
+|`radarIndex`|0||Index of radar component that radar chart uses.
+|`vesselIndex`|0||Index of vesel component that liquid chart uses.
+|`polarIndex`|0||Index of polar component that serie uses.
+|`singleAxisIndex`|0||Index of single axis component that serie uses.
+|`parallelIndex`|0||Index of parallel coord component that serie uses.
+|`minShow`|||The min number of data to show in chart.
+|`maxShow`|||The max number of data to show in chart.
+|`maxCache`|||The max number of serie data cache. The first data will be remove when the size of serie data is larger then maxCache.
+|`sampleDist`|0||the min pixel dist of sample.
+|`sampleType`|||the type of sample.</br>`SampleType`:</br>- `Peak`: Take a peak. When the average value of the filter point is greater than or equal to 'sampleAverage', take the maximum value; If you do it the other way around, you get the minimum.</br>- `Average`: Take the average of the filter points.</br>- `Max`: Take the maximum value of the filter point.</br>- `Min`: Take the minimum value of the filter point.</br>- `Sum`: Take the sum of the filter points.</br>|
+|`sampleAverage`|0||设定的采样平均值。当sampleType 为 Peak 时，用于和过滤数据的平均值做对比是取最大值还是最小值。默认为0时会实时计算所有数据的平均值。
+|`lineType`|||The type of line chart.</br>`LineType`:</br>- `Normal`: the normal line chart，</br>- `Smooth`: the smooth line chart，</br>- `StepStart`: step line.</br>- `StepMiddle`: step line.</br>- `StepEnd`: step line.</br>|
+|`barType`|||柱形图类型。</br>`BarType`:</br>- `Normal`: normal bar.</br>- `Zebra`: zebra bar.</br>- `Capsule`: capsule bar.</br>|
+|`barPercentStack`|false||柱形图是否为百分比堆积。相同stack的serie只要有一个barPercentStack为true，则就显示成百分比堆叠柱状图。
+|`barWidth`|0||The width of the bar. Adaptive when default 0.
+|`barGap`|0.1f||The gap between bars between different series, is a percent value like '0.3f' , which means 30% of the bar width, can be set as a fixed value. Set barGap as '-1' can overlap bars that belong to different series, which is useful when making a series of bar be background. In a single coodinate system, this attribute is shared by multiple 'bar' series. This attribute should be set on the last 'bar' series in the coodinate system, then it will be adopted by all 'bar' series in the coordinate system.
+|`barZebraWidth`|4f||斑马线的粗细。
+|`barZebraGap`|2f||斑马线的间距。
+|`min`|||最小值。
+|`max`|||最大值。
+|`minSize`|0f||数据最小值 min 映射的宽度。
+|`maxSize`|1f||数据最大值 max 映射的宽度。
+|`startAngle`|||起始角度。和时钟一样，12点钟位置是0度，顺时针到360度。
+|`endAngle`|||结束角度。和时钟一样，12点钟位置是0度，顺时针到360度。
+|`minAngle`|||The minimum angle of sector(0-360). It prevents some sector from being too small when value is small.
+|`clockwise`|true||是否顺时针。
+|`roundCap`|||是否开启圆弧效果。
+|`splitNumber`|||刻度分割段数。最大可设置36。
+|`clickOffset`|true||Whether offset when mouse click pie chart item.
+|`roseType`|||Whether to show as Nightingale chart.</br>`RoseType`:</br>- `None`: Don't show as Nightingale chart.</br>- `Radius`: Use central angle to show the percentage of data, radius to show data size.</br>- `Area`: All the sectors will share the same central angle, the data size is shown only through radiuses.</br>|
+|`gap`|||gap of item.
+|`center`|||the center of chart.
+|`radius`|||the radius of chart.
+|`showDataDimension`|||数据项里的数据维数。
+|`showDataName`|||在Editor的inpsector上是否显示name参数
+|`clip`|false||If clip the overflow on the coordinate system.
+|`ignore`|false||是否开启忽略数据。当为 true 时，数据值为 ignoreValue 时不进行绘制。
+|`ignoreValue`|0||忽略数据的默认值。当ignore为true才有效。
+|`ignoreLineBreak`|false||忽略数据时折线是断开还是连接。默认false为连接。
+|`showAsPositiveNumber`|false||Show negative number as positive number.
+|`large`|true||是否开启大数据量优化，在数据图形特别多而出现卡顿时候可以开启。 开启后配合 largeThreshold 在数据量大于指定阈值的时候对绘制进行优化。 缺点：优化后不能自定义设置单个数据项的样式，不能显示Label。
+|`largeThreshold`|200||开启大数量优化的阈值。只有当开启了large并且数据量大于该阀值时才进入性能模式。
+|`avoidLabelOverlap`|false||在饼图且标签外部显示的情况下，是否启用防止标签重叠策略，默认关闭，在标签拥挤重叠的情况下会挪动各个标签的位置，防止标签间的重叠。
+|`radarType`|||雷达图类型。</br>`RadarType`:</br>- `Multiple`: multiple radar.</br>- `Single`: single radar.</br>|
+|`placeHolder`|false||占位模式。占位模式时，数据有效但不参与渲染和显示。
+|`dataSortType`|||组件的数据排序。</br>`SerieDataSortType`:</br>- `None`: 按 data 的顺序</br>- `Ascending`: 升序</br>- `Descending`: 降序</br>|
+|`orient`|||组件的朝向。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`align`|||组件水平方向对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
+|`left`|||Distance between component and the left side of the container.
+|`right`|||Distance between component and the right side of the container.
+|`top`|||Distance between component and the top side of the container.
+|`bottom`|||Distance between component and the bottom side of the container.
+|`insertDataToHead`|||Whether to add new data at the head or at the end of the list.
+|`lineStyle`|||The style of line. [LineStyle](#LineStyle)|
+|`symbol`|||the symbol of serie data item. [SerieSymbol](#SerieSymbol)|
+|`animation`|||The start animation. [AnimationStyle](#AnimationStyle)|
+|`itemStyle`|||The style of data item. [ItemStyle](#ItemStyle)|
+|`data`|||系列中的数据内容数组。SerieData可以设置1到n维数据。
 
 ## `SerieData`
 
@@ -1092,16 +1110,16 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 A data item of serie.
 
-|field|default|comment|
-|--|--|--|
-| `index` | | the index of SerieData. |
-| `name` | | the name of data item. |
-| `id` | | the id of data. |
-| `parentId` | | the id of parent SerieData. |
-| `ignore` | | 是否忽略数据。当为 true 时，数据不进行绘制。 |
-| `selected` | | Whether the data item is selected. |
-| `radius` | | 自定义半径。可用在饼图中自定义某个数据项的半径。 |
-| `data` | | An arbitrary dimension data list of data item. |
+|field|default|since|comment|
+|--|--|--|--|
+|`index`|||the index of SerieData.
+|`name`|||the name of data item.
+|`id`|||the id of data.
+|`parentId`|||the id of parent SerieData.
+|`ignore`|||是否忽略数据。当为 true 时，数据不进行绘制。
+|`selected`|||Whether the data item is selected.
+|`radius`|||自定义半径。可用在饼图中自定义某个数据项的半径。
+|`data`|||An arbitrary dimension data list of data item.
 
 ## `SerieSymbol`
 
@@ -1109,37 +1127,37 @@ Inherits or Implemented: [SymbolStyle](#SymbolStyle),[ISerieDataComponent](#ISer
 
 系列数据项的标记的图形
 
-|field|default|comment|
-|--|--|--|
-| `sizeType` | | the type of symbol size.</br>`SymbolSizeType`:</br>- `Custom`: Specify constant for symbol size.</br>- `FromData`: Specify the dataIndex and dataScale to calculate symbol size.</br>- `Function`: Specify function for symbol size.</br>|
-| `selectedSize` |0f | the size of selected symbol. |
-| `dataIndex` |1 | whitch data index is when the sizeType assined as FromData. |
-| `dataScale` |1 | the scale of data when sizeType assined as FromData. |
-| `selectedDataScale` |1.5f | the scale of selected data when sizeType assined as FromData. |
-| `sizeFunction` | | the function of size when sizeType assined as Function. |
-| `selectedSizeFunction` | | the function of size when sizeType assined as Function. |
-| `startIndex` | | the index start to show symbol. |
-| `interval` | | the interval of show symbol. |
-| `forceShowLast` |false | whether to show the last symbol. |
-| `repeat` |false | 图形是否重复。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`sizeType`|||the type of symbol size.</br>`SymbolSizeType`:</br>- `Custom`: Specify constant for symbol size.</br>- `FromData`: Specify the dataIndex and dataScale to calculate symbol size.</br>- `Function`: Specify function for symbol size.</br>|
+|`selectedSize`|0f||the size of selected symbol.
+|`dataIndex`|1||whitch data index is when the sizeType assined as FromData.
+|`dataScale`|1||the scale of data when sizeType assined as FromData.
+|`selectedDataScale`|1.5f||the scale of selected data when sizeType assined as FromData.
+|`sizeFunction`|||the function of size when sizeType assined as Function.
+|`selectedSizeFunction`|||the function of size when sizeType assined as Function.
+|`startIndex`|||the index start to show symbol.
+|`interval`|||the interval of show symbol.
+|`forceShowLast`|false||whether to show the last symbol.
+|`repeat`|false||图形是否重复。
 
 ## `SerieTheme`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `lineWidth` | | the color of text. |
-| `lineSymbolSize` | |  |
-| `scatterSymbolSize` | |  |
-| `pieTooltipExtraRadius` | | 饼图鼠标移到高亮时的额外半径 |
-| `selectedRate` |1.3f |  |
-| `pieSelectedOffset` | | 饼图选中时的中心点偏移 |
-| `candlestickColor` |Color32(235, 84, 84, 255) | K线图阳线（涨）填充色 |
-| `candlestickColor0` |Color32(71, 178, 98, 255) | K线图阴线（跌）填充色 |
-| `candlestickBorderWidth` |1 | K线图边框宽度 |
-| `candlestickBorderColor` |Color32(235, 84, 84, 255) | K线图阳线（跌）边框色 |
-| `candlestickBorderColor0` |Color32(71, 178, 98, 255) | K线图阴线（跌）边框色 |
+|field|default|since|comment|
+|--|--|--|--|
+|`lineWidth`|||the color of text.
+|`lineSymbolSize`|||the symbol size of line serie.
+|`scatterSymbolSize`|||the symbol size of scatter serie.
+|`pieTooltipExtraRadius`|||the extra radius of pie when actived by tooltip.
+|`selectedRate`|1.3f||the rate of symbol size of line or scatter serie.
+|`pieSelectedOffset`|||the center offset of pie if selected.
+|`candlestickColor`|Color32(235, 84, 84, 255)||K线图阳线（涨）填充色
+|`candlestickColor0`|Color32(71, 178, 98, 255)||K线图阴线（跌）填充色
+|`candlestickBorderWidth`|1||K线图边框宽度
+|`candlestickBorderColor`|Color32(235, 84, 84, 255)||K线图阳线（跌）边框色
+|`candlestickBorderColor0`|Color32(71, 178, 98, 255)||K线图阴线（跌）边框色
 
 ## `Settings`
 
@@ -1147,20 +1165,22 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 Global parameter setting component. The default value can be used in general, and can be adjusted when necessary.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true |  |
-| `maxPainter` |10 | max painter. |
-| `reversePainter` |false | Painter是否逆序。逆序时index大的serie最先绘制。 |
-| `basePainterMaterial` | | Base Pointer 材质球，设置后会影响Axis等。 |
-| `seriePainterMaterial` | | Serie Pointer 材质球，设置后会影响所有Serie。 |
-| `topPainterMaterial` | | Top Pointer 材质球，设置后会影响Tooltip等。 |
-| `lineSmoothStyle` |3f | Curve smoothing factor. By adjusting the smoothing coefficient, the curvature of the curve can be changed, and different curves with slightly different appearance can be obtained. |
-| `lineSmoothness` |2f | Smoothness of curve. The smaller the value, the smoother the curve, but the number of vertices will increase. |
-| `lineSegmentDistance` |3f | The partition distance of a line segment. A line in a normal line chart is made up of many segments, the number of which is determined by the change in value. The smaller the number of segments, the higher the number of vertices. When the area with gradient is filled, the larger the value, the worse the transition effect. |
-| `cicleSmoothness` |2f | the smoothess of cricle. |
-| `legendIconLineWidth` |2 | the width of line serie legend. |
-| `legendIconCornerRadius` | | The radius of rounded corner. Its unit is px. Use array to respectively specify the 4 corner radiuses((clockwise upper left, upper right, bottom right and bottom left)). |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||
+|`maxPainter`|10||max painter.
+|`reversePainter`|false||Painter是否逆序。逆序时index大的serie最先绘制。
+|`basePainterMaterial`|||Base Pointer 材质球，设置后会影响Axis等。
+|`seriePainterMaterial`|||Serie Pointer 材质球，设置后会影响所有Serie。
+|`upperPainterMaterial`|||Upper Pointer 材质球。
+|`topPainterMaterial`|||Top Pointer 材质球。
+|`lineSmoothStyle`|2.5f||Curve smoothing factor. By adjusting the smoothing coefficient, the curvature of the curve can be changed, and different curves with slightly different appearance can be obtained.
+|`lineSmoothness`|2f||Smoothness of curve. The smaller the value, the smoother the curve, but the number of vertices will increase.
+|`lineSegmentDistance`|3f||The partition distance of a line segment. A line in a normal line chart is made up of many segments, the number of which is determined by the change in value. The smaller the number of segments, the higher the number of vertices. When the area with gradient is filled, the larger the value, the worse the transition effect.
+|`cicleSmoothness`|2f||the smoothess of cricle.
+|`legendIconLineWidth`|2||the width of line serie legend.
+|`legendIconCornerRadius`|||The radius of rounded corner. Its unit is px. Use array to respectively specify the 4 corner radiuses((clockwise upper left, upper right, bottom right and bottom left)).
+|`axisMaxSplitNumber`|50|v3.1.0|the max splitnumber of axis.
 
 ## `SimplifiedBar`
 
@@ -1183,15 +1203,15 @@ Inherits or Implemented: [Axis](#Axis),[IUpdateRuntimeData](#IUpdateRuntimeData)
 
 Single axis.
 
-|field|default|comment|
-|--|--|--|
-| `orient` | | Orientation of the axis. By default, it's 'Horizontal'. You can set it to be 'Vertical' to make a vertical axis.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `left` |0.1f | Distance between component and the left side of the container. |
-| `right` |0.1f | Distance between component and the right side of the container. |
-| `top` |0f | Distance between component and the top side of the container. |
-| `bottom` |0.2f | Distance between component and the bottom side of the container. |
-| `width` |0 | width of axis. |
-| `height` |50 | height of axis. |
+|field|default|since|comment|
+|--|--|--|--|
+|`orient`|||Orientation of the axis. By default, it's 'Horizontal'. You can set it to be 'Vertical' to make a vertical axis.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`left`|0.1f||Distance between component and the left side of the container.
+|`right`|0.1f||Distance between component and the right side of the container.
+|`top`|0f||Distance between component and the top side of the container.
+|`bottom`|0.2f||Distance between component and the bottom side of the container.
+|`width`|0||width of axis.
+|`height`|50||height of axis.
 
 ## `SingleAxisCoord`
 
@@ -1202,10 +1222,10 @@ Inherits or Implemented: [CoordSystem](#CoordSystem)
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `percent` | | 结束位置百分比。 |
-| `color` | | 颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`percent`|||结束位置百分比。
+|`color`|||颜色。
 
 ## `SubTitleTheme`
 
@@ -1218,18 +1238,18 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 系列数据项的标记的图形
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether the symbol is showed. |
-| `type` | | the type of symbol.</br>`SymbolType`:</br>- `None`: 不显示标记。</br>- `Custom`: 自定义标记。</br>- `Circle`: 圆形。</br>- `EmptyCircle`: 空心圆。</br>- `Rect`: 正方形。可通过设置`itemStyle`的`cornerRadius`变成圆角矩形。</br>- `EmptyRect`: 空心正方形。</br>- `Triangle`: 三角形。</br>- `EmptyTriangle`: 空心三角形。</br>- `Diamond`: 菱形。</br>- `EmptyDiamond`: 空心菱形。</br>- `Arrow`: 箭头。</br>- `EmptyArrow`: 空心箭头。</br>|
-| `size` |0f | the size of symbol. |
-| `gap` |0 | the gap of symbol and line segment. |
-| `width` |0f | 图形的宽。 |
-| `height` |0f | 图形的高。 |
-| `offset` |Vector2.zero | 图形的偏移。 |
-| `image` | | 自定义的标记图形。 |
-| `imageType` | | the fill type of image. |
-| `color` | | 图形的颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether the symbol is showed.
+|`type`|||the type of symbol.</br>`SymbolType`:</br>- `None`: 不显示标记。</br>- `Custom`: 自定义标记。</br>- `Circle`: 圆形。</br>- `EmptyCircle`: 空心圆。</br>- `Rect`: 正方形。可通过设置`itemStyle`的`cornerRadius`变成圆角矩形。</br>- `EmptyRect`: 空心正方形。</br>- `Triangle`: 三角形。</br>- `EmptyTriangle`: 空心三角形。</br>- `Diamond`: 菱形。</br>- `EmptyDiamond`: 空心菱形。</br>- `Arrow`: 箭头。</br>- `EmptyArrow`: 空心箭头。</br>|
+|`size`|0f||the size of symbol.
+|`gap`|0||the gap of symbol and line segment.
+|`width`|0f||图形的宽。
+|`height`|0f||图形的高。
+|`offset`|Vector2.zero||图形的偏移。
+|`image`|||自定义的标记图形。
+|`imageType`|||the fill type of image.
+|`color`|||图形的颜色。
 
 ## `TextLimit`
 
@@ -1237,26 +1257,19 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 Text character limitation and adaptation component. When the length of the text exceeds the set length, it is cropped and suffixes are appended to the end.Only valid in the category axis.
 
-|field|default|comment|
-|--|--|--|
-| `enable` |false | Whether to enable text limit. |
-| `maxWidth` |0 | Set the maximum width. A default of 0 indicates automatic fetch; otherwise, custom. |
-| `gap` |1 | White pixel distance at both ends. |
-| `suffix` | | Suffixes when the length exceeds. |
+|field|default|since|comment|
+|--|--|--|--|
+|`enable`|false||Whether to enable text limit.
+|`maxWidth`|0||Set the maximum width. A default of 0 indicates automatic fetch; otherwise, custom.
+|`gap`|1||White pixel distance at both ends.
+|`suffix`|||Suffixes when the length exceeds.
 
 ## `TextPadding`
 
-Inherits or Implemented: [ChildComponent](#ChildComponent)
+Inherits or Implemented: [Padding](#Padding)
 
 Settings related to text.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | show padding. 是否显示。 |
-| `top` |2 | padding of top. |
-| `right` |4 | padding of right. |
-| `left` |4 | padding of left. |
-| `bottom` |2 | padding of bottom. |
 
 ## `TextStyle`
 
@@ -1264,22 +1277,23 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 Settings related to text.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Settings related to text. |
-| `font` | | the font of text. When `null`, the theme's font is used by default. |
-| `autoWrap` |false | 是否自动换行。 |
-| `autoAlign` |true | 文本是否让系统自动选对齐方式。为false时才会用alignment。 |
-| `rotate` |0 | Rotation of text. |
-| `autoColor` |false | 是否开启自动颜色。当开启时，会自动设置颜色。 |
-| `color` | | the color of text. |
-| `fontSize` |0 | font size. |
-| `fontStyle` | | font style. |
-| `lineSpacing` |1f | text line spacing. |
-| `alignment` | | 对齐方式。 |
-| `tMPFont` | | the font of textmeshpro. |
-| `tMPFontStyle` | |  |
-| `tMPAlignment` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Settings related to text.
+|`font`|||the font of text. When `null`, the theme's font is used by default.
+|`autoWrap`|false||是否自动换行。
+|`autoAlign`|true||文本是否让系统自动选对齐方式。为false时才会用alignment。
+|`rotate`|0||Rotation of text.
+|`autoColor`|false||是否开启自动颜色。当开启时，会自动设置颜色。
+|`color`|||the color of text.
+|`fontSize`|0||font size.
+|`fontStyle`|||font style.
+|`lineSpacing`|1f||text line spacing.
+|`alignment`|||对齐方式。
+|`tMPFont`|||the font of textmeshpro.
+|`tMPFontStyle`|||
+|`tMPAlignment`|||
+|`tMPSpriteAsset`||v3.1.0|
 
 ## `Theme`
 
@@ -1287,24 +1301,24 @@ Inherits or Implemented: [ScriptableObject](#ScriptableObject)
 
 Theme.
 
-|field|default|comment|
-|--|--|--|
-| `themeType` | | the theme of chart.</br>`ThemeType`:</br>- `Default`: 默认主题。</br>- `Light`: 亮主题。</br>- `Dark`: 暗主题。</br>- `Custom`: 自定义主题。</br>|
-| `themeName` | | the name of theme. |
-| `font` | | the font of chart text。 |
-| `tMPFont` | | the font of chart text。 |
-| `contrastColor` | | the contrast color of chart. |
-| `backgroundColor` | | the background color of chart. |
-| `colorPalette` | | The color list of palette. If no color is set in series, the colors would be adopted sequentially and circularly from this list as the colors of series. |
-| `common` | |  [ComponentTheme](ComponentTheme)|
-| `title` | |  [TitleTheme](TitleTheme)|
-| `subTitle` | |  [SubTitleTheme](SubTitleTheme)|
-| `legend` | |  [LegendTheme](LegendTheme)|
-| `axis` | |  [AxisTheme](AxisTheme)|
-| `tooltip` | |  [TooltipTheme](TooltipTheme)|
-| `dataZoom` | |  [DataZoomTheme](DataZoomTheme)|
-| `visualMap` | |  [VisualMapTheme](VisualMapTheme)|
-| `serie` | |  [SerieTheme](SerieTheme)|
+|field|default|since|comment|
+|--|--|--|--|
+|`themeType`|||the theme of chart.</br>`ThemeType`:</br>- `Default`: 默认主题。</br>- `Light`: 亮主题。</br>- `Dark`: 暗主题。</br>- `Custom`: 自定义主题。</br>|
+|`themeName`|||the name of theme.
+|`font`|||the font of chart text。
+|`tMPFont`|||the font of chart text。
+|`contrastColor`|||the contrast color of chart.
+|`backgroundColor`|||the background color of chart.
+|`colorPalette`|||The color list of palette. If no color is set in series, the colors would be adopted sequentially and circularly from this list as the colors of series.
+|`common`||| [ComponentTheme](#ComponentTheme)|
+|`title`||| [TitleTheme](#TitleTheme)|
+|`subTitle`||| [SubTitleTheme](#SubTitleTheme)|
+|`legend`||| [LegendTheme](#LegendTheme)|
+|`axis`||| [AxisTheme](#AxisTheme)|
+|`tooltip`||| [TooltipTheme](#TooltipTheme)|
+|`dataZoom`||| [DataZoomTheme](#DataZoomTheme)|
+|`visualMap`||| [VisualMapTheme](#VisualMapTheme)|
+|`serie`||| [SerieTheme](#SerieTheme)|
 
 ## `ThemeStyle`
 
@@ -1312,15 +1326,15 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 Theme.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true |  |
-| `sharedTheme` | |  [Theme](Theme)|
-| `transparentBackground` |false | Whether the background color is transparent. When true, the background color is not drawn. ｜是否透明背景颜色。当设置为true时，不绘制背景颜色。 |
-| `enableCustomTheme` |false | Whether to customize theme colors. When set to true, you can use 'sync color to custom' to synchronize the theme color to the custom color. It can also be set manually. |
-| `customFont` | |  |
-| `customBackgroundColor` | | the custom background color of chart. |
-| `customColorPalette` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||
+|`sharedTheme`|||the asset of theme. [Theme](#Theme)|
+|`transparentBackground`|false||Whether the background color is transparent. When true, the background color is not drawn.
+|`enableCustomTheme`|false||Whether to customize theme colors. When set to true, you can use 'sync color to custom' to synchronize the theme color to the custom color. It can also be set manually.
+|`customFont`|||
+|`customBackgroundColor`|||the custom background color of chart.
+|`customColorPalette`|||
 
 ## `Title`
 
@@ -1328,15 +1342,15 @@ Inherits or Implemented: [MainComponent](#MainComponent),[IPropertyChanged](#IPr
 
 Title component, including main title and subtitle.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | [default:true] Set this to false to prevent the title from showing. |
-| `text` | | The main title text, supporting \n for newlines. |
-| `subText` | | Subtitle text, supporting for \n for newlines. |
-| `labelStyle` | | The text style of main title. [LabelStyle](LabelStyle)|
-| `subLabelStyle` | | The text style of sub title. [LabelStyle](LabelStyle)|
-| `itemGap` |0 | [default:8] The gap between the main title and subtitle. |
-| `location` | | The location of title component. [Location](Location)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||[default:true] Set this to false to prevent the title from showing.
+|`text`|||The main title text, supporting \n for newlines.
+|`subText`|||Subtitle text, supporting for \n for newlines.
+|`labelStyle`|||The text style of main title. [LabelStyle](#LabelStyle)|
+|`subLabelStyle`|||The text style of sub title. [LabelStyle](#LabelStyle)|
+|`itemGap`|0||[default:8] The gap between the main title and subtitle.
+|`location`|||The location of title component. [Location](#Location)|
 
 ## `TitleStyle`
 
@@ -1356,54 +1370,54 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 Tooltip component.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to show the tooltip component. |
-| `type` | | Indicator type.</br>`Painter.Type`:</br>- `Base`: </br>- `Serie`: </br>- `Top`: </br>|
-| `trigger` | | Type of triggering.</br>`Tooltip.Trigger`:</br>- `Item`: Triggered by data item, which is mainly used for charts that don't have a category axis like scatter charts or pie charts.</br>- `Axis`: Triggered by axes, which is mainly used for charts that have category axes, like bar charts or line charts.</br>- `None`: Trigger nothing.</br>|
-| `itemFormatter` | | a string template formatter for a single Serie or data item content. Support for wrapping lines with \n. Template variables are {.}, {a}, {b}, {c}, {d}.</br> {.} is the dot of the corresponding color of a Serie that is currently indicated or whose index is 0.</br> {a} is the series name of the serie that is currently indicated or whose index is 0.</br> {b} is the name of the data item serieData that is currently indicated or whose index is 0, or a category value (such as the X-axis of a line chart).</br> {c} is the value of a Y-dimension (dimesion is 1) from a Serie that is currently indicated or whose index is 0.</br> {d} is the percentage value of Y-dimensions (dimesion is 1) from serie that is currently indicated or whose index is 0, with no % sign.</br> {e} is the name of the data item serieData that is currently indicated or whose index is 0.</br> {f} is sum of data.</br> {.1} represents a dot from serie corresponding color that specifies index as 1.</br> 1 in {a1}, {b1}, {c1} represents a serie that specifies an index of 1.</br> {c1:2} represents the third data from serie's current indication data item indexed to 1 (a data item has multiple data, index 2 represents the third data).</br> {c1:2-2} represents the third data item from serie's third data item indexed to 1 (i.e., which data item must be specified to specify).</br> {d1:2: F2} indicates that a formatted string with a value specified separately is F2 (numericFormatter is used when numericFormatter is not specified).</br> {d:0.##} indicates that a formatted string with a value specified separately is 0.##   (used for percentage, reserved 2 valid digits while avoiding the situation similar to "100.00%" when using f2 ).</br> Example: "{a}, {c}", "{a1}, {c1: f1}", "{a1}, {c1:0: f1}", "{a1} : {c1:1-1: f1}"</br> |
-| `titleFormatter` | | The string template formatter for the tooltip title content. Support for wrapping lines with \n. The placeholder {I} can be set separately to indicate that the title is ignored and not displayed. Template see itemFormatter. |
-| `marker` | | the marker of serie. |
-| `fixedWidth` |0 | Fixed width. Higher priority than minWidth. |
-| `fixedHeight` |0 | Fixed height. Higher priority than minHeight. |
-| `minWidth` |0 | Minimum width. If fixedWidth has a value, get fixedWidth first. |
-| `minHeight` |0 | Minimum height. If fixedHeight has a value, take priority over fixedHeight. |
-| `numericFormatter` | | Standard numeric format string. Used to format numeric values to display as strings. Using 'Axx' form: 'A' is the single character of the format specifier, supporting 'C' currency, 'D' decimal, 'E' exponent, 'F' number of vertices, 'G' regular, 'N' digits, 'P' percentage, 'R' round tripping, 'X' hex etc. 'XX' is the precision specification, from '0' - '99'. |
-| `paddingLeftRight` |10 | the text padding of left and right. defaut:5. |
-| `paddingTopBottom` |10 | the text padding of top and bottom. defaut:5. |
-| `ignoreDataShow` |false | Whether to show ignored data on tooltip. |
-| `ignoreDataDefaultContent` | | The default display character information for ignored data. |
-| `showContent` |true | Whether to show the tooltip floating layer, whose default value is true. It should be configurated to be false, if you only need tooltip to trigger the event or show the axisPointer without content. |
-| `alwayShowContent` |false | Whether to trigger after always display. |
-| `offset` |Vector2(18f, -25f) | The position offset of tooltip relative to the mouse position. |
-| `backgroundImage` | | The background image of tooltip. |
-| `backgroundType` | | The background type of tooltip. |
-| `backgroundColor` | | The background color of tooltip. |
-| `borderWidth` |2f | the width of tooltip border. |
-| `fixedXEnable` |false | enable fixedX. |
-| `fixedX` |0f | the x positionn of fixedX. |
-| `fixedYEnable` |false | enable fixedY. |
-| `fixedY` |0f | the y position of fixedY. |
-| `titleHeight` |25f | height of title text. |
-| `itemHeight` |25f | height of content text. |
-| `borderColor` |Color32(230, 230, 230, 255) | the color of tooltip border. |
-| `lineStyle` | | the line style of indicator line. [LineStyle](LineStyle)|
-| `indicatorLabelStyle` | | the label style of tooltip axis indicator label. [LabelStyle](LabelStyle)|
-| `titleLabelStyle` | | the textstyle of title. [LabelStyle](LabelStyle)|
-| `contentLabelStyles` | | the textstyle list of content. |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether to show the tooltip component.
+|`type`|||Indicator type.</br>`Tooltip.Type`:</br>- `Line`: line indicator.</br>- `Shadow`: shadow crosshair indicator.</br>- `None`: no indicator displayed.</br>- `Corss`: crosshair indicator, which is actually the shortcut of enable two axisPointers of two orthometric axes.</br>|
+|`trigger`|||Type of triggering.</br>`Tooltip.Trigger`:</br>- `Item`: Triggered by data item, which is mainly used for charts that don't have a category axis like scatter charts or pie charts.</br>- `Axis`: Triggered by axes, which is mainly used for charts that have category axes, like bar charts or line charts.</br>- `None`: Trigger nothing.</br>|
+|`itemFormatter`|||a string template formatter for a single Serie or data item content. Support for wrapping lines with \n. Template variables are {.}, {a}, {b}, {c}, {d}.</br> {.} is the dot of the corresponding color of a Serie that is currently indicated or whose index is 0.</br> {a} is the series name of the serie that is currently indicated or whose index is 0.</br> {b} is the name of the data item serieData that is currently indicated or whose index is 0, or a category value (such as the X-axis of a line chart).</br> {c} is the value of a Y-dimension (dimesion is 1) from a Serie that is currently indicated or whose index is 0.</br> {d} is the percentage value of Y-dimensions (dimesion is 1) from serie that is currently indicated or whose index is 0, with no % sign.</br> {e} is the name of the data item serieData that is currently indicated or whose index is 0.</br> {f} is sum of data.</br> {.1} represents a dot from serie corresponding color that specifies index as 1.</br> 1 in {a1}, {b1}, {c1} represents a serie that specifies an index of 1.</br> {c1:2} represents the third data from serie's current indication data item indexed to 1 (a data item has multiple data, index 2 represents the third data).</br> {c1:2-2} represents the third data item from serie's third data item indexed to 1 (i.e., which data item must be specified to specify).</br> {d1:2: F2} indicates that a formatted string with a value specified separately is F2 (numericFormatter is used when numericFormatter is not specified).</br> {d:0.##} indicates that a formatted string with a value specified separately is 0.##   (used for percentage, reserved 2 valid digits while avoiding the situation similar to "100.00%" when using f2 ).</br> Example: "{a}, {c}", "{a1}, {c1: f1}", "{a1}, {c1:0: f1}", "{a1} : {c1:1-1: f1}"</br>
+|`titleFormatter`|||The string template formatter for the tooltip title content. Support for wrapping lines with \n. The placeholder {I} can be set separately to indicate that the title is ignored and not displayed. Template see itemFormatter.
+|`marker`|||the marker of serie.
+|`fixedWidth`|0||Fixed width. Higher priority than minWidth.
+|`fixedHeight`|0||Fixed height. Higher priority than minHeight.
+|`minWidth`|0||Minimum width. If fixedWidth has a value, get fixedWidth first.
+|`minHeight`|0||Minimum height. If fixedHeight has a value, take priority over fixedHeight.
+|`numericFormatter`|||Standard numeric format string. Used to format numeric values to display as strings. Using 'Axx' form: 'A' is the single character of the format specifier, supporting 'C' currency, 'D' decimal, 'E' exponent, 'F' number of vertices, 'G' regular, 'N' digits, 'P' percentage, 'R' round tripping, 'X' hex etc. 'XX' is the precision specification, from '0' - '99'.
+|`paddingLeftRight`|10||the text padding of left and right. defaut:5.
+|`paddingTopBottom`|10||the text padding of top and bottom. defaut:5.
+|`ignoreDataShow`|false||Whether to show ignored data on tooltip.
+|`ignoreDataDefaultContent`|||The default display character information for ignored data.
+|`showContent`|true||Whether to show the tooltip floating layer, whose default value is true. It should be configurated to be false, if you only need tooltip to trigger the event or show the axisPointer without content.
+|`alwayShowContent`|false||Whether to trigger after always display.
+|`offset`|Vector2(18f, -25f)||The position offset of tooltip relative to the mouse position.
+|`backgroundImage`|||The background image of tooltip.
+|`backgroundType`|||The background type of tooltip.
+|`backgroundColor`|||The background color of tooltip.
+|`borderWidth`|2f||the width of tooltip border.
+|`fixedXEnable`|false||enable fixedX.
+|`fixedX`|0f||the x positionn of fixedX.
+|`fixedYEnable`|false||enable fixedY.
+|`fixedY`|0f||the y position of fixedY.
+|`titleHeight`|25f||height of title text.
+|`itemHeight`|25f||height of content text.
+|`borderColor`|Color32(230, 230, 230, 255)||the color of tooltip border.
+|`lineStyle`|||the line style of indicator line. [LineStyle](#LineStyle)|
+|`indicatorLabelStyle`|||the label style of tooltip axis indicator label. [LabelStyle](#LabelStyle)|
+|`titleLabelStyle`|||the textstyle of title. [LabelStyle](#LabelStyle)|
+|`contentLabelStyles`|||the textstyle list of content.
 
 ## `TooltipTheme`
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `lineType` | | the type of line. |
-| `lineWidth` |1f | the width of line. |
-| `lineColor` | | the color of line. |
-| `areaColor` | | the color of line. |
-| `labelTextColor` | | the text color of tooltip cross indicator's axis label. |
-| `labelBackgroundColor` | | the background color of tooltip cross indicator's axis label. |
+|field|default|since|comment|
+|--|--|--|--|
+|`lineType`|||the type of line.</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`lineWidth`|1f||the width of line.
+|`lineColor`|||the color of line.
+|`areaColor`|||the color of line.
+|`labelTextColor`|||the text color of tooltip cross indicator's axis label.
+|`labelBackgroundColor`|||the background color of tooltip cross indicator's axis label.
 
 ## `VisualMap`
 
@@ -1411,56 +1425,56 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 VisualMap component. Mapping data to visual elements such as colors.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to enable components. |
-| `showUI` |false | Whether to display components. If set to false, it will not show up, but the data mapping function still exists. |
-| `type` | | the type of visualmap component.</br>`Painter.Type`:</br>- `Base`: </br>- `Serie`: </br>- `Top`: </br>|
-| `selectedMode` | | the selected mode for Piecewise visualMap.</br>`VisualMap.SelectedMode`:</br>- `Multiple`: 多选。</br>- `Single`: 单选。</br>|
-| `serieIndex` |0 | the serie index of visualMap. |
-| `min` |0 | 范围最小值 |
-| `max` |100 | 范围最大值 |
-| `range` | | Specifies the position of the numeric value corresponding to the handle. Range should be within the range of [min,max]. |
-| `text` | | Text on both ends. |
-| `textGap` | | The distance between the two text bodies. |
-| `splitNumber` |5 | For continuous data, it is automatically evenly divided into several segments and automatically matches the size of inRange color list when the default is 0. |
-| `calculable` |false | Whether the handle used for dragging is displayed (the handle can be dragged to adjust the selected range). |
-| `realtime` |true | Whether to update in real time while dragging. |
-| `itemWidth` |20f | The width of the figure, that is, the width of the color bar. |
-| `itemHeight` |140f | The height of the figure, that is, the height of the color bar. |
-| `itemGap` |10f | 每个图元之间的间隔距离。 |
-| `borderWidth` |0 | Border line width. |
-| `dimension` |-1 | Specifies "which dimension" of the data to map to the visual element. "Data" is series.data. |
-| `hoverLink` |true | When the hoverLink function is turned on, when the mouse hovers over the visualMap component, the corresponding value of the mouse position is highlighted in the corresponding graphic element in the diagram. |
-| `autoMinMax` |true | Automatically set min, Max value 自动设置min，max的值 |
-| `orient` | | Specify whether the layout of component is horizontal or vertical.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `location` | | The location of component. [Location](Location)|
-| `workOnLine` |true | Whether the visualmap is work on linestyle of linechart. |
-| `workOnArea` |false | Whether the visualmap is work on areaStyle of linechart. |
-| `outOfRange` | | Defines a visual color outside of the selected range. |
-| `inRange` | | 分段式每一段的相关配置。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||Whether to enable components.
+|`showUI`|false||Whether to display components. If set to false, it will not show up, but the data mapping function still exists.
+|`type`|||the type of visualmap component.</br>`VisualMap.Type`:</br>- `Continuous`: 连续型。</br>- `Piecewise`: 分段型。</br>|
+|`selectedMode`|||the selected mode for Piecewise visualMap.</br>`VisualMap.SelectedMode`:</br>- `Multiple`: 多选。</br>- `Single`: 单选。</br>|
+|`serieIndex`|0||the serie index of visualMap.
+|`min`|0||范围最小值
+|`max`|100||范围最大值
+|`range`|||Specifies the position of the numeric value corresponding to the handle. Range should be within the range of [min,max].
+|`text`|||Text on both ends.
+|`textGap`|||The distance between the two text bodies.
+|`splitNumber`|5||For continuous data, it is automatically evenly divided into several segments and automatically matches the size of inRange color list when the default is 0.
+|`calculable`|false||Whether the handle used for dragging is displayed (the handle can be dragged to adjust the selected range).
+|`realtime`|true||Whether to update in real time while dragging.
+|`itemWidth`|20f||The width of the figure, that is, the width of the color bar.
+|`itemHeight`|140f||The height of the figure, that is, the height of the color bar.
+|`itemGap`|10f||每个图元之间的间隔距离。
+|`borderWidth`|0||Border line width.
+|`dimension`|-1||Specifies "which dimension" of the data to map to the visual element. "Data" is series.data.
+|`hoverLink`|true||When the hoverLink function is turned on, when the mouse hovers over the visualMap component, the corresponding value of the mouse position is highlighted in the corresponding graphic element in the diagram.
+|`autoMinMax`|true||Automatically set min, Max value 自动设置min，max的值
+|`orient`|||Specify whether the layout of component is horizontal or vertical.</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`location`|||The location of component. [Location](#Location)|
+|`workOnLine`|true||Whether the visualmap is work on linestyle of linechart.
+|`workOnArea`|false||Whether the visualmap is work on areaStyle of linechart.
+|`outOfRange`|||Defines a visual color outside of the selected range.
+|`inRange`|||分段式每一段的相关配置。
 
 ## `VisualMapRange`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `min` | | 范围最小值 |
-| `max` | | 范围最大值 |
-| `label` | | 文字描述 |
-| `color` | | 颜色 |
+|field|default|since|comment|
+|--|--|--|--|
+|`min`|||范围最小值
+|`max`|||范围最大值
+|`label`|||文字描述
+|`color`|||颜色
 
 ## `VisualMapTheme`
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `borderWidth` | | the width of border. |
-| `borderColor` | | the color of dataZoom border. |
-| `backgroundColor` | | the background color of visualmap. |
-| `triangeLen` |20f | 可视化组件的调节三角形边长。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`borderWidth`|||the width of border.
+|`borderColor`|||the color of dataZoom border.
+|`backgroundColor`|||the background color of visualmap.
+|`triangeLen`|20f||可视化组件的调节三角形边长。
 
 ## `XAxis`
 
@@ -1476,45 +1490,45 @@ The x axis in cartesian(rectangular) coordinate.
 
 Inherits or Implemented: [ScriptableObject](#ScriptableObject)
 
-|field|default|comment|
-|--|--|--|
-| `lang` | |  [Lang](Lang)|
-| `font` | |  |
-| `tMPFont` | |  |
-| `fontSizeLv1` |28 | 一级字体大小。 |
-| `fontSizeLv2` |24 |  |
-| `fontSizeLv3` |20 |  |
-| `fontSizeLv4` |18 |  |
-| `axisLineType` | |  |
-| `axisLineWidth` |0.8f |  |
-| `axisSplitLineType` | |  |
-| `axisSplitLineWidth` |0.8f |  |
-| `axisTickWidth` |0.8f |  |
-| `axisTickLength` |5f |  |
-| `gaugeAxisLineWidth` |15f |  |
-| `gaugeAxisSplitLineWidth` |0.8f |  |
-| `gaugeAxisSplitLineLength` |15f |  |
-| `gaugeAxisTickWidth` |0.8f |  |
-| `gaugeAxisTickLength` |5f |  |
-| `tootipLineWidth` |0.8f |  |
-| `dataZoomBorderWidth` |0.5f |  |
-| `dataZoomDataLineWidth` |0.5f |  |
-| `visualMapBorderWidth` |0f |  |
-| `serieLineWidth` |1.8f |  |
-| `serieLineSymbolSize` |5f |  |
-| `serieScatterSymbolSize` |20f |  |
-| `serieSelectedRate` |1.3f |  |
-| `serieCandlestickBorderWidth` |1f |  |
-| `editorShowAllListData` |false |  |
-| `maxPainter` |10 |  |
-| `lineSmoothStyle` |3f |  |
-| `lineSmoothness` |2f |  |
-| `lineSegmentDistance` |3f |  |
-| `cicleSmoothness` |2f |  |
-| `visualMapTriangeLen` |20f |  |
-| `pieTooltipExtraRadius` |8f |  |
-| `pieSelectedOffset` |8f |  |
-| `customThemes` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`lang`||| [Lang](#Lang)|
+|`font`|||
+|`tMPFont`|||
+|`fontSizeLv1`|28||一级字体大小。
+|`fontSizeLv2`|24||
+|`fontSizeLv3`|20||
+|`fontSizeLv4`|18||
+|`axisLineType`|||</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`axisLineWidth`|0.8f||
+|`axisSplitLineType`|||</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`axisSplitLineWidth`|0.8f||
+|`axisTickWidth`|0.8f||
+|`axisTickLength`|5f||
+|`gaugeAxisLineWidth`|15f||
+|`gaugeAxisSplitLineWidth`|0.8f||
+|`gaugeAxisSplitLineLength`|15f||
+|`gaugeAxisTickWidth`|0.8f||
+|`gaugeAxisTickLength`|5f||
+|`tootipLineWidth`|0.8f||
+|`dataZoomBorderWidth`|0.5f||
+|`dataZoomDataLineWidth`|0.5f||
+|`visualMapBorderWidth`|0f||
+|`serieLineWidth`|1.8f||
+|`serieLineSymbolSize`|5f||
+|`serieScatterSymbolSize`|20f||
+|`serieSelectedRate`|1.3f||
+|`serieCandlestickBorderWidth`|1f||
+|`editorShowAllListData`|false||
+|`maxPainter`|10||
+|`lineSmoothStyle`|3f||
+|`lineSmoothness`|2f||
+|`lineSegmentDistance`|3f||
+|`cicleSmoothness`|2f||
+|`visualMapTriangeLen`|20f||
+|`pieTooltipExtraRadius`|8f||
+|`pieSelectedOffset`|8f||
+|`customThemes`|||
 
 ## `YAxis`
 
diff --git a/Documentation/XChartsConfiguration-ZH.md b/Documentation/XChartsConfiguration-ZH.md
index dd7d5d44..78aad72c 100644
--- a/Documentation/XChartsConfiguration-ZH.md
+++ b/Documentation/XChartsConfiguration-ZH.md
@@ -105,6 +105,7 @@
 - [Location](#Location)
 - [MarkAreaData](#MarkAreaData)
 - [MarkLineData](#MarkLineData)
+- [Padding](#Padding)
 - [PolarAxisTheme](#PolarAxisTheme)
 - [RadarAxisTheme](#RadarAxisTheme)
 - [RadiusAxisTheme](#RadiusAxisTheme)
@@ -172,9 +173,9 @@ Inherits or Implemented: [Axis](#Axis)
 
 极坐标系的角度轴。
 
-|field|default|comment|
-|--|--|--|
-| `startAngle` |0 | 起始刻度的角度，默认为 0 度，即圆心的正右方。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`startAngle`|0||起始刻度的角度，默认为 0 度，即圆心的正右方。
 
 ## `AngleAxisTheme`
 
@@ -187,19 +188,19 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 动画表现。
 
-|field|default|comment|
-|--|--|--|
-| `enable` |true | 是否开启动画效果。 |
-| `type` | | 动画类型。</br>`AnimationType`:</br>- `Default`: 默认。内部会根据实际情况选择一种动画播放方式。</br>- `LeftToRight`: 从左往右播放动画。</br>- `BottomToTop`: 从下往上播放动画。</br>- `InsideOut`: 由内到外播放动画。</br>- `AlongPath`: 沿着路径播放动画。</br>- `Clockwise`: 顺时针播放动画。</br>|
-| `easting` | | 动画的缓动效果。</br>`AnimationEasing`:</br>- `Linear`: </br>|
-| `threshold` |2000 | 是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。 |
-| `fadeInDuration` |1000 | 设定的渐入动画时长（毫秒）。如果要设置单个数据项的渐入时长，可以用代码定制：customFadeInDuration。 |
-| `fadeInDelay` |0 | 渐入动画延时（毫秒）。如果要设置单个数据项的延时，可以用代码定制：customFadeInDelay。 |
-| `fadeOutDuration` |1000f | 设定的渐出动画时长（毫秒）。如果要设置单个数据项的渐出时长，可以用代码定制：customFadeOutDuration。 |
-| `fadeOutDelay` |0 | 渐出动画延时（毫秒）。如果要设置单个数据项的延时，可以用代码定制：customFadeOutDelay。 |
-| `dataChangeEnable` |true | 是否开启数据变更动画。 |
-| `dataChangeDuration` |500 | 数据变更的动画时长（毫秒）。 |
-| `actualDuration` | | 实际的动画时长（毫秒）。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`enable`|true||是否开启动画效果。
+|`type`|||动画类型。</br>`AnimationType`:</br>- `Default`: 默认。内部会根据实际情况选择一种动画播放方式。</br>- `LeftToRight`: 从左往右播放动画。</br>- `BottomToTop`: 从下往上播放动画。</br>- `InsideOut`: 由内到外播放动画。</br>- `AlongPath`: 沿着路径播放动画。</br>- `Clockwise`: 顺时针播放动画。</br>|
+|`easting`|||动画的缓动效果。</br>`AnimationEasing`:</br>- `Linear`: </br>|
+|`threshold`|2000||是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。
+|`fadeInDuration`|1000||设定的渐入动画时长（毫秒）。如果要设置单个数据项的渐入时长，可以用代码定制：customFadeInDuration。
+|`fadeInDelay`|0||渐入动画延时（毫秒）。如果要设置单个数据项的延时，可以用代码定制：customFadeInDelay。
+|`fadeOutDuration`|1000f||设定的渐出动画时长（毫秒）。如果要设置单个数据项的渐出时长，可以用代码定制：customFadeOutDuration。
+|`fadeOutDelay`|0||渐出动画延时（毫秒）。如果要设置单个数据项的延时，可以用代码定制：customFadeOutDelay。
+|`dataChangeEnable`|true||是否开启数据变更动画。
+|`dataChangeDuration`|500||数据变更的动画时长（毫秒）。
+|`actualDuration`|||实际的动画时长（毫秒）。
 
 ## `AreaStyle`
 
@@ -207,27 +208,27 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent
 
 区域填充样式。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示区域填充。 |
-| `origin` | | 区域填充的起始位置。</br>`AreaStyle.AreaOrigin`:</br>- `Auto`: 填充坐标轴轴线到数据间的区域。</br>- `Start`: 填充坐标轴底部到数据间的区域。</br>- `End`: 填充坐标轴顶部到数据间的区域。</br>|
-| `color` | | 区域填充的颜色，如果toColor不是默认值，则表示渐变色的起点颜色。 |
-| `toColor` | | 渐变色的终点颜色。 |
-| `opacity` |0.6f | 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。 |
-| `highlightColor` | | 高亮时区域填充的颜色，如果highlightToColor不是默认值，则表示渐变色的起点颜色。 |
-| `highlightToColor` | | 高亮时渐变色的终点颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示区域填充。
+|`origin`|||区域填充的起始位置。</br>`AreaStyle.AreaOrigin`:</br>- `Auto`: 填充坐标轴轴线到数据间的区域。</br>- `Start`: 填充坐标轴底部到数据间的区域。</br>- `End`: 填充坐标轴顶部到数据间的区域。</br>|
+|`color`|||区域填充的颜色，如果toColor不是默认值，则表示渐变色的起点颜色。
+|`toColor`|||渐变色的终点颜色。
+|`opacity`|0.6f||图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
+|`highlightColor`|||高亮时区域填充的颜色，如果highlightToColor不是默认值，则表示渐变色的起点颜色。
+|`highlightToColor`|||高亮时渐变色的终点颜色。
 
 ## `ArrowStyle`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `width` |10 | 箭头宽。 |
-| `height` |15 | 箭头高。 |
-| `offset` |0 | 箭头偏移。 |
-| `dent` |3 | 箭头的凹度。 |
-| `color` |Color.clear | 箭头颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`width`|10||箭头宽。
+|`height`|15||箭头高。
+|`offset`|0||箭头偏移。
+|`dent`|3||箭头的凹度。
+|`color`|Color.clear||箭头颜色。
 
 ## `Axis`
 
@@ -235,36 +236,36 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 直角坐标系的坐标轴组件。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示坐标轴。 |
-| `type` | | 坐标轴类型。</br>`Axis.AxisType`:</br>- `Value`: </br>- `Category`: </br>- `Log`: 对数轴。适用于对数数据。</br>- `Time`: 时间轴。适用于连续的时序数据。</br>|
-| `minMaxType` | | 坐标轴刻度最大最小值显示类型。</br>`Axis.AxisMinMaxType`:</br>- `Default`: 0-最大值。</br>- `MinMax`: 最小值-最大值。</br>- `Custom`: 自定义最小值最大值。</br>|
-| `gridIndex` | | 坐标轴所在的 grid 的索引，默认位于第一个 grid。 |
-| `polarIndex` | | 坐标轴所在的 ploar 的索引，默认位于第一个 polar。 |
-| `parallelIndex` | | 坐标轴所在的 parallel 的索引，默认位于第一个 parallel。 |
-| `position` | | 坐标轴在Grid中的位置。</br>`Axis.AxisPosition`:</br>- `Left`: 坐标轴在Grid中的位置</br>- `Right`: 坐标轴在Grid中的位置</br>- `Bottom`: 坐标轴在Grid中的位置</br>- `Top`: 坐标轴在Grid中的位置</br>|
-| `offset` | | 坐标轴相对默认位置的偏移。在相同position有多个坐标轴时有用。 |
-| `min` | | 设定的坐标轴刻度最小值，当minMaxType为Custom时有效。 |
-| `max` | | 设定的坐标轴刻度最大值，当minMaxType为Custom时有效。 |
-| `splitNumber` |0 | 坐标轴的期望的分割段数。默认为0表示自动分割。 |
-| `interval` |0 | 强制设置坐标轴分割间隔。无法在类目轴中使用。 |
-| `boundaryGap` |true | 坐标轴两边是否留白。只对类目轴有效。 |
-| `maxCache` |0 | The first data will be remove when the size of axis data is larger then maxCache. |
-| `logBase` |10 | 对数轴的底数，只在对数轴（type:'Log'）中有效。 |
-| `logBaseE` |false | 对数轴是否以自然数 e 为底数，为 true 时 logBase 失效。 |
-| `ceilRate` |0 | 最大最小值向上取整的倍率。默认为0时自动计算。 |
-| `inverse` |false | 是否反向坐标轴。在类目轴中无效。 |
-| `clockwise` |true | 刻度增长是否按顺时针，默认顺时针。 |
-| `insertDataToHead` | | 添加新数据时是在列表的头部还是尾部加入。 |
-| `icons` | | 类目数据对应的图标。 |
-| `data` | | 类目数据，在类目轴（type: 'category'）中有效。 |
-| `axisLine` | | 坐标轴轴线。 [AxisLine](AxisLine)|
-| `axisName` | | 坐标轴名称。 [AxisName](AxisName)|
-| `axisTick` | | 坐标轴刻度。 [AxisTick](AxisTick)|
-| `axisLabel` | | 坐标轴刻度标签。 [AxisLabel](AxisLabel)|
-| `splitLine` | | 坐标轴分割线。 [AxisSplitLine](AxisSplitLine)|
-| `splitArea` | | 坐标轴分割区域。 [AxisSplitArea](AxisSplitArea)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示坐标轴。
+|`type`|||坐标轴类型。</br>`Axis.AxisType`:</br>- `Value`: 数值轴。适用于连续数据。</br>- `Category`: 类目轴。适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。serie的数据第0维数据对应坐标轴data的index。</br>- `Log`: 对数轴。适用于对数数据。</br>- `Time`: 时间轴。适用于连续的时序数据。</br>|
+|`minMaxType`|||坐标轴刻度最大最小值显示类型。</br>`Axis.AxisMinMaxType`:</br>- `Default`: 0-最大值。</br>- `MinMax`: 最小值-最大值。</br>- `Custom`: 自定义最小值最大值。</br>|
+|`gridIndex`|||坐标轴所在的 grid 的索引，默认位于第一个 grid。
+|`polarIndex`|||坐标轴所在的 ploar 的索引，默认位于第一个 polar。
+|`parallelIndex`|||坐标轴所在的 parallel 的索引，默认位于第一个 parallel。
+|`position`|||坐标轴在Grid中的位置。</br>`Axis.AxisPosition`:</br>- `Left`: 坐标轴在Grid中的位置</br>- `Right`: 坐标轴在Grid中的位置</br>- `Bottom`: 坐标轴在Grid中的位置</br>- `Top`: 坐标轴在Grid中的位置</br>|
+|`offset`|||坐标轴相对默认位置的偏移。在相同position有多个坐标轴时有用。
+|`min`|||设定的坐标轴刻度最小值，当minMaxType为Custom时有效。
+|`max`|||设定的坐标轴刻度最大值，当minMaxType为Custom时有效。
+|`splitNumber`|0||坐标轴的期望的分割段数。默认为0表示自动分割。
+|`interval`|0||强制设置坐标轴分割间隔。无法在类目轴中使用。
+|`boundaryGap`|true||坐标轴两边是否留白。只对类目轴有效。
+|`maxCache`|0||The first data will be remove when the size of axis data is larger then maxCache.
+|`logBase`|10||对数轴的底数，只在对数轴（type:'Log'）中有效。
+|`logBaseE`|false||对数轴是否以自然数 e 为底数，为 true 时 logBase 失效。
+|`ceilRate`|0||最大最小值向上取整的倍率。默认为0时自动计算。
+|`inverse`|false||是否反向坐标轴。在类目轴中无效。
+|`clockwise`|true||刻度增长是否按顺时针，默认顺时针。
+|`insertDataToHead`|||添加新数据时是在列表的头部还是尾部加入。
+|`icons`|||类目数据对应的图标。
+|`data`|||类目数据，在类目轴（type: 'category'）中有效。
+|`axisLine`|||坐标轴轴线。 [AxisLine](#AxisLine)|
+|`axisName`|||坐标轴名称。 [AxisName](#AxisName)|
+|`axisTick`|||坐标轴刻度。 [AxisTick](#AxisTick)|
+|`axisLabel`|||坐标轴刻度标签。 [AxisLabel](#AxisLabel)|
+|`splitLine`|||坐标轴分割线。 [AxisSplitLine](#AxisSplitLine)|
+|`splitArea`|||坐标轴分割区域。 [AxisSplitArea](#AxisSplitArea)|
 
 ## `AxisLabel`
 
@@ -272,15 +273,15 @@ Inherits or Implemented: [LabelStyle](#LabelStyle)
 
 坐标轴刻度标签的相关设置。
 
-|field|default|comment|
-|--|--|--|
-| `interval` |0 | 坐标轴刻度标签的显示间隔，在类目轴中有效。0表示显示所有标签，1表示隔一个隔显示一个标签，以此类推。 |
-| `inside` |false | 刻度标签是否朝内，默认朝外。 |
-| `showAsPositiveNumber` |false | 将负数数值显示为正数。一般和`Serie`的`showAsPositiveNumber`配合使用。 |
-| `onZero` |false | 刻度标签显示在0刻度上。 |
-| `showStartLabel` |true | 是否显示第一个文本。 |
-| `showEndLabel` |true | 是否显示最后一个文本。 |
-| `textLimit` | | 文本限制。 [TextLimit](TextLimit)|
+|field|default|since|comment|
+|--|--|--|--|
+|`interval`|0||坐标轴刻度标签的显示间隔，在类目轴中有效。0表示显示所有标签，1表示隔一个隔显示一个标签，以此类推。
+|`inside`|false||刻度标签是否朝内，默认朝外。
+|`showAsPositiveNumber`|false||将负数数值显示为正数。一般和`Serie`的`showAsPositiveNumber`配合使用。
+|`onZero`|false||刻度标签显示在0刻度上。
+|`showStartLabel`|true||是否显示第一个文本。
+|`showEndLabel`|true||是否显示最后一个文本。
+|`textLimit`|||文本限制。 [TextLimit](#TextLimit)|
 
 ## `AxisLine`
 
@@ -288,11 +289,11 @@ Inherits or Implemented: [BaseLine](#BaseLine)
 
 坐标轴轴线。
 
-|field|default|comment|
-|--|--|--|
-| `onZero` | | X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。 |
-| `showArrow` | | 是否显示箭头。 |
-| `arrow` | | 轴线箭头。 [ArrowStyle](ArrowStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`onZero`|||X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。
+|`showArrow`|||是否显示箭头。
+|`arrow`|||轴线箭头。 [ArrowStyle](#ArrowStyle)|
 
 ## `AxisName`
 
@@ -300,11 +301,12 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 坐标轴名称。
 
-|field|default|comment|
-|--|--|--|
-| `show` | | 是否显示坐标名称。 |
-| `name` | | 坐标轴名称。 |
-| `labelStyle` | | 文本样式。 [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||是否显示坐标轴名称。
+|`name`|||坐标轴名称。
+|`onZero`||v3.1.0|坐标轴名称的位置是否保持和Y轴0刻度一致。
+|`labelStyle`|||文本样式。 [LabelStyle](#LabelStyle)|
 
 ## `AxisSplitArea`
 
@@ -312,10 +314,10 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 坐标轴在 grid 区域中的分隔区域，默认不显示。
 
-|field|default|comment|
-|--|--|--|
-| `show` | | 是否显示分隔区域。 |
-| `color` | | 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||是否显示分隔区域。
+|`color`|||分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
 
 ## `AxisSplitLine`
 
@@ -323,11 +325,11 @@ Inherits or Implemented: [BaseLine](#BaseLine)
 
 坐标轴在 grid 区域中的分隔线。
 
-|field|default|comment|
-|--|--|--|
-| `interval` | | 坐标轴分隔线的显示间隔。 |
-| `distance` | | 刻度线与轴线的距离。 |
-| `autoColor` | | 自动设置颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`interval`|||坐标轴分隔线的显示间隔。
+|`distance`|||刻度线与轴线的距离。
+|`autoColor`|||自动设置颜色。
 
 ## `AxisTheme`
 
@@ -340,15 +342,15 @@ Inherits or Implemented: [BaseLine](#BaseLine)
 
 坐标轴刻度相关设置。
 
-|field|default|comment|
-|--|--|--|
-| `alignWithLabel` | | 类目轴中在 boundaryGap 为 true 的时候有效，可以保证刻度线和标签对齐。 |
-| `inside` | | 坐标轴刻度是否朝内，默认朝外。 |
-| `showStartTick` | | 是否显示第一个刻度。 |
-| `showEndTick` | | 是否显示最后一个刻度。 |
-| `distance` | | 刻度线与轴线的距离。 |
-| `splitNumber` |0 | 分隔线之间分割的刻度数。 |
-| `autoColor` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`alignWithLabel`|||类目轴中在 boundaryGap 为 true 的时候有效，可以保证刻度线和标签对齐。
+|`inside`|||坐标轴刻度是否朝内，默认朝外。
+|`showStartTick`|||是否显示第一个刻度。
+|`showEndTick`|||是否显示最后一个刻度。
+|`distance`|||刻度线与轴线的距离。
+|`splitNumber`|0||分隔线之间分割的刻度数。
+|`autoColor`|||
 
 ## `Background`
 
@@ -356,13 +358,13 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 背景组件。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否启用背景组件。 |
-| `image` | | 背景图。 |
-| `imageType` | | 背景图填充类型。 |
-| `imageColor` | | 背景图颜色。 |
-| `autoColor` |true | 当background组件开启时，是否自动使用主题背景色作为backgrounnd组件的颜色。当设置为false时，用imageColor作为颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否启用背景组件。
+|`image`|||背景图。
+|`imageType`|||背景图填充类型。
+|`imageColor`|||背景图颜色。
+|`autoColor`|true||当background组件开启时，是否自动使用主题背景色作为backgrounnd组件的颜色。当设置为false时，用imageColor作为颜色。
 
 ## `Bar`
 
@@ -373,20 +375,20 @@ Inherits or Implemented: [Serie](#Serie),[INeedSerieContainer](#INeedSerieContai
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `lineType` | | 坐标轴线类型。 |
-| `lineWidth` |1f | 坐标轴线宽。 |
-| `lineLength` |0f | 坐标轴线长。 |
-| `lineColor` | | 坐标轴线颜色。 |
-| `splitLineType` | | 分割线线类型。 |
-| `splitLineWidth` |1f | 分割线线宽。 |
-| `splitLineLength` |0f | 分割线线长。 |
-| `splitLineColor` | | 分割线线颜色。 |
-| `tickWidth` |1f | 刻度线线宽。 |
-| `tickLength` |5f | 刻度线线长。 |
-| `tickColor` | | 坐标轴线颜色。 |
-| `splitAreaColors` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`lineType`|||坐标轴线类型。</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`lineWidth`|1f||坐标轴线宽。
+|`lineLength`|0f||坐标轴线长。
+|`lineColor`|||坐标轴线颜色。
+|`splitLineType`|||分割线线类型。</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`splitLineWidth`|1f||分割线线宽。
+|`splitLineLength`|0f||分割线线长。
+|`splitLineColor`|||分割线线颜色。
+|`tickWidth`|1f||刻度线线宽。
+|`tickLength`|5f||刻度线线长。
+|`tickColor`|||坐标轴线颜色。
+|`splitAreaColors`|||坐标轴分隔区域的颜色。
 
 ## `BaseLine`
 
@@ -394,10 +396,10 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 线条基础配置。
 
-|field|default|comment|
-|--|--|--|
-| `show` | | 是否显示坐标轴轴线。 |
-| `lineStyle` | | 线条样式 [LineStyle](LineStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||是否显示坐标轴轴线。
+|`lineStyle`|||线条样式 [LineStyle](#LineStyle)|
 
 ## `BaseScatter`
 
@@ -429,12 +431,12 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 图表注解组件。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示注解组件。 |
-| `labelStyle` | | 所有组件的文本样式。 [LabelStyle](LabelStyle)|
-| `markStyle` | | 所有组件的文本样式。 [CommentMarkStyle](CommentMarkStyle)|
-| `items` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示注解组件。
+|`labelStyle`|||所有组件的文本样式。 [LabelStyle](#LabelStyle)|
+|`markStyle`|||所有组件的文本样式。 [CommentMarkStyle](#CommentMarkStyle)|
+|`items`|||注解项。每个注解组件可以设置多个注解项。
 
 ## `CommentItem`
 
@@ -442,14 +444,14 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 注解项。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示当前注解项。 |
-| `content` | | 注解的文本内容。支持模板参数，可以参考Tooltip的itemFormatter。 |
-| `position` | | 注解项的位置坐标。 |
-| `markRect` | | 注解区域。 |
-| `markStyle` | | 注解标记区域样式。 [CommentMarkStyle](CommentMarkStyle)|
-| `labelStyle` | | 注解项的文本样式。 [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示当前注解项。
+|`content`|||注解的文本内容。支持模板参数，可以参考Tooltip的itemFormatter。
+|`position`|||注解项的位置坐标。
+|`markRect`|||注解区域。
+|`markStyle`|||注解标记区域样式。 [CommentMarkStyle](#CommentMarkStyle)|
+|`labelStyle`|||注解项的文本样式。 [LabelStyle](#LabelStyle)|
 
 ## `CommentMarkStyle`
 
@@ -457,22 +459,22 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 注解项区域样式。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示当前注解项。 |
-| `lineStyle` | | 线条样式。 [LineStyle](LineStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示当前注解项。
+|`lineStyle`|||线条样式。 [LineStyle](#LineStyle)|
 
 ## `ComponentTheme`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `font` | | 字体。 |
-| `textColor` | | 文本颜色。 |
-| `textBackgroundColor` | | 文本颜色。 |
-| `fontSize` |18 | 文本字体大小。 |
-| `tMPFont` | | 字体。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`font`|||字体。
+|`textColor`|||文本颜色。
+|`textBackgroundColor`|||文本颜色。
+|`fontSize`|18||文本字体大小。
+|`tMPFont`|||字体。
 
 ## `CoordSystem`
 
@@ -487,61 +489,61 @@ Inherits or Implemented: [MainComponent](#MainComponent),[IUpdateRuntimeData](#I
 
 DataZoom 组件 用于区域缩放，从而能自由关注细节的数据信息，或者概览数据整体，或者去除离群点的影响。
 
-|field|default|comment|
-|--|--|--|
-| `enable` |true | 是否显示缩放区域。 |
-| `filterMode` | | 数据过滤类型。</br>`DataZoom.FilterMode`:</br>- `Filter`: 当前数据窗口外的数据，被 过滤掉。即 会 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。</br>- `WeakFilter`: 当前数据窗口外的数据，被 过滤掉。即 会 影响其他轴的数据范围。每个数据项，只有当全部维度都在数据窗口同侧外部，整个数据项才会被过滤掉。</br>- `Empty`: 当前数据窗口外的数据，被 设置为空。即 不会 影响其他轴的数据范围。</br>- `None`: 不过滤数据，只改变数轴范围。</br>|
-| `xAxisIndexs` | | 控制的 x 轴索引列表。 |
-| `yAxisIndexs` | | 控制的 y 轴索引列表。 |
-| `supportInside` | | 是否支持内置。内置于坐标系中，使用户可以在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动（触屏上）来缩放或漫游坐标系。 |
-| `supportInsideScroll` |true | 是否支持坐标系内滚动 |
-| `supportInsideDrag` |true | 是否支持坐标系内拖拽 |
-| `supportSlider` | | 是否支持滑动条。有单独的滑动条，用户在滑动条上进行缩放或漫游。 |
-| `supportSelect` | | 是否支持框选。提供一个选框进行数据区域缩放。 |
-| `showDataShadow` | | 是否显示数据阴影。数据阴影可以简单地反应数据走势。 |
-| `showDetail` | | 是否显示detail，即拖拽时候显示详细数值信息。 |
-| `zoomLock` | | 是否锁定选择区域（或叫做数据窗口）的大小。 如果设置为 true 则锁定选择区域的大小，也就是说，只能平移，不能缩放。 |
-| `fillerColor` | | 数据区域颜色。 |
-| `borderColor` | | 边框颜色。 |
-| `borderWidth` | | 边框宽。 |
-| `backgroundColor` | | 组件的背景颜色。 |
-| `left` | | 组件离容器左侧的距离。 |
-| `right` | | 组件离容器右侧的距离。 |
-| `top` | | 组件离容器上侧的距离。 |
-| `bottom` | | 组件离容器下侧的距离。 |
-| `rangeMode` | | 取绝对值还是百分比。</br>`DataZoom.RangeMode`:</br>- `//Value`: The value type of start and end.取值类型</br>- `Percent`: 百分比。</br>|
-| `start` | | 数据窗口范围的起始百分比。范围是：0 ~ 100。 |
-| `end` | | 数据窗口范围的结束百分比。范围是：0 ~ 100。 |
-| `minShowNum` |1 | 最小显示数据个数。当DataZoom放大到最大时，最小显示的数据个数。 |
-| `scrollSensitivity` |1.1f | 缩放区域组件的敏感度。值越高每次缩放所代表的数据越多。 |
-| `orient` | | 布局方式是横还是竖。不仅是布局方式，对于直角坐标系而言，也决定了，缺省情况控制横向数轴还是纵向数轴。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `labelStyle` | | 文本标签格式。 [LabelStyle](LabelStyle)|
-| `lineStyle` | | 阴影线条样式。 [LineStyle](LineStyle)|
-| `areaStyle` | | 阴影填充样式。 [AreaStyle](AreaStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`enable`|true||是否显示缩放区域。
+|`filterMode`|||数据过滤类型。</br>`DataZoom.FilterMode`:</br>- `Filter`: 当前数据窗口外的数据，被 过滤掉。即 会 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。</br>- `WeakFilter`: 当前数据窗口外的数据，被 过滤掉。即 会 影响其他轴的数据范围。每个数据项，只有当全部维度都在数据窗口同侧外部，整个数据项才会被过滤掉。</br>- `Empty`: 当前数据窗口外的数据，被 设置为空。即 不会 影响其他轴的数据范围。</br>- `None`: 不过滤数据，只改变数轴范围。</br>|
+|`xAxisIndexs`|||控制的 x 轴索引列表。
+|`yAxisIndexs`|||控制的 y 轴索引列表。
+|`supportInside`|||是否支持内置。内置于坐标系中，使用户可以在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动（触屏上）来缩放或漫游坐标系。
+|`supportInsideScroll`|true||是否支持坐标系内滚动
+|`supportInsideDrag`|true||是否支持坐标系内拖拽
+|`supportSlider`|||是否支持滑动条。有单独的滑动条，用户在滑动条上进行缩放或漫游。
+|`supportSelect`|||是否支持框选。提供一个选框进行数据区域缩放。
+|`showDataShadow`|||是否显示数据阴影。数据阴影可以简单地反应数据走势。
+|`showDetail`|||是否显示detail，即拖拽时候显示详细数值信息。
+|`zoomLock`|||是否锁定选择区域（或叫做数据窗口）的大小。 如果设置为 true 则锁定选择区域的大小，也就是说，只能平移，不能缩放。
+|`fillerColor`|||数据区域颜色。
+|`borderColor`|||边框颜色。
+|`borderWidth`|||边框宽。
+|`backgroundColor`|||组件的背景颜色。
+|`left`|||组件离容器左侧的距离。
+|`right`|||组件离容器右侧的距离。
+|`top`|||组件离容器上侧的距离。
+|`bottom`|||组件离容器下侧的距离。
+|`rangeMode`|||取绝对值还是百分比。</br>`DataZoom.RangeMode`:</br>- `//Value`: The value type of start and end.取值类型</br>- `Percent`: 百分比。</br>|
+|`start`|||数据窗口范围的起始百分比。范围是：0 ~ 100。
+|`end`|||数据窗口范围的结束百分比。范围是：0 ~ 100。
+|`minShowNum`|1||最小显示数据个数。当DataZoom放大到最大时，最小显示的数据个数。
+|`scrollSensitivity`|1.1f||缩放区域组件的敏感度。值越高每次缩放所代表的数据越多。
+|`orient`|||布局方式是横还是竖。不仅是布局方式，对于直角坐标系而言，也决定了，缺省情况控制横向数轴还是纵向数轴。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`labelStyle`|||文本标签格式。 [LabelStyle](#LabelStyle)|
+|`lineStyle`|||阴影线条样式。 [LineStyle](#LineStyle)|
+|`areaStyle`|||阴影填充样式。 [AreaStyle](#AreaStyle)|
 
 ## `DataZoomTheme`
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `borderWidth` | | 边框线宽。 |
-| `dataLineWidth` | | 数据阴影线宽。 |
-| `fillerColor` | | 数据区域颜色。 |
-| `borderColor` | | 边框颜色。 |
-| `dataLineColor` | | 数据阴影的线条颜色。 |
-| `dataAreaColor` | | 数据阴影的填充颜色。 |
-| `backgroundColor` | | 背景颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`borderWidth`|||边框线宽。
+|`dataLineWidth`|||数据阴影线宽。
+|`fillerColor`|||数据区域颜色。
+|`borderColor`|||边框颜色。
+|`dataLineColor`|||数据阴影的线条颜色。
+|`dataAreaColor`|||数据阴影的填充颜色。
+|`backgroundColor`|||背景颜色。
 
 ## `DebugInfo`
 
-|field|default|comment|
-|--|--|--|
-| `show` |true |  |
-| `showDebugInfo` |false |  |
-| `showAllChartObject` |false |  |
-| `foldSeries` |false |  |
-| `labelStyle` | |  [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示Debug组件。
+|`showDebugInfo`|false||
+|`showAllChartObject`|false||是否在Hierarchy试图显示所有chart下的节点。
+|`foldSeries`|false||是否在Inspector上折叠Serie。
+|`labelStyle`||| [LabelStyle](#LabelStyle)|
 
 ## `EffectScatter`
 
@@ -554,12 +556,12 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent
 
 高亮的图形样式和文本标签样式。
 
-|field|default|comment|
-|--|--|--|
-| `show` | | 是否启用高亮样式。 |
-| `label` | | 图形文本标签。 [LabelStyle](LabelStyle)|
-| `labelLine` | | 图形文本引导线样式。 [LabelLine](LabelLine)|
-| `itemStyle` | | 图形样式。 [ItemStyle](ItemStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||是否启用高亮样式。
+|`label`|||图形文本标签。 [LabelStyle](#LabelStyle)|
+|`labelLine`|||图形文本引导线样式。 [LabelLine](#LabelLine)|
+|`itemStyle`|||图形样式。 [ItemStyle](#ItemStyle)|
 
 ## `EmphasisItemStyle`
 
@@ -593,17 +595,17 @@ Inherits or Implemented: [CoordSystem](#CoordSystem),[IUpdateRuntimeData](#IUpda
 
 Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart can be drawn in grid.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示直角坐标系网格。 |
-| `left` |0.1f | grid 组件离容器左侧的距离。 |
-| `right` |0.08f | grid 组件离容器右侧的距离。 |
-| `top` |0.22f | grid 组件离容器上侧的距离。 |
-| `bottom` |0.12f | grid 组件离容器下侧的距离。 |
-| `backgroundColor` | | 网格背景色，默认透明。 |
-| `showBorder` |false | 是否显示网格边框。 |
-| `borderWidth` |0f | 网格边框宽。 |
-| `borderColor` | | 网格边框颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示直角坐标系网格。
+|`left`|0.1f||grid 组件离容器左侧的距离。
+|`right`|0.08f||grid 组件离容器右侧的距离。
+|`top`|0.22f||grid 组件离容器上侧的距离。
+|`bottom`|0.12f||grid 组件离容器下侧的距离。
+|`backgroundColor`|||网格背景色，默认透明。
+|`showBorder`|false||是否显示网格边框。
+|`borderWidth`|0f||网格边框宽。
+|`borderColor`|||网格边框颜色。
 
 ## `Heatmap`
 
@@ -614,61 +616,61 @@ Inherits or Implemented: [Serie](#Serie),[INeedSerieContainer](#INeedSerieContai
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `show` |false | 是否显示图标。 |
-| `layer` | | 显示在上层还是在下层。</br>`IconStyle.Layer`:</br>- `UnderText`: The icon is display under the label text. 图标在标签文字下</br>- `AboveText`: The icon is display above the label text. 图标在标签文字上</br>|
-| `align` | | 水平方向对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
-| `sprite` | | 图标的图片。 |
-| `type` | | 图片的显示类型。 |
-| `color` | | 图标颜色。 |
-| `width` |20 | 图标宽。 |
-| `height` |20 | 图标高。 |
-| `offset` | | 图标偏移。 |
-| `autoHideWhenLabelEmpty` |false | 当label内容为空时是否自动隐藏图标 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|false||是否显示图标。
+|`layer`|||显示在上层还是在下层。</br>`IconStyle.Layer`:</br>- `UnderText`: The icon is display under the label text. 图标在标签文字下</br>- `AboveText`: The icon is display above the label text. 图标在标签文字上</br>|
+|`align`|||水平方向对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
+|`sprite`|||图标的图片。
+|`type`|||图片的显示类型。
+|`color`|||图标颜色。
+|`width`|20||图标宽。
+|`height`|20||图标高。
+|`offset`|||图标偏移。
+|`autoHideWhenLabelEmpty`|false||当label内容为空时是否自动隐藏图标
 
 ## `ImageStyle`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent](#ISerieExtraComponent),[ISerieDataComponent](#ISerieDataComponent)
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示图标。 |
-| `sprite` | | 图标的图片。 |
-| `type` | | 图片的显示类型。 |
-| `autoColor` | | 是否自动颜色。 |
-| `color` | | 图标颜色。 |
-| `width` |0 | 图标宽。 |
-| `height` |0 | 图标高。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示图标。
+|`sprite`|||图标的图片。
+|`type`|||图片的显示类型。
+|`autoColor`|||是否自动颜色。
+|`color`|||图标颜色。
+|`width`|0||图标宽。
+|`height`|0||图标高。
 
 ## `Indicator`
 
 雷达图的指示器，用来指定雷达图中的多个变量（维度）。
 
-|field|default|comment|
-|--|--|--|
-| `name` | |  |
-| `max` | | 指示器的最大值，默认为 0 无限制。 |
-| `min` | | 指示器的最小值，默认为 0 无限制。 |
-| `range` | | 正常值范围。当数值不在这个范围时，会自动变更显示颜色。 |
-| `show` | | 是否显示雷达坐标系组件。 |
-| `shape` | | 雷达图绘制类型，支持 'Polygon' 和 'Circle'。</br>`RadarCoord.Shape`:</br>- `Polygon`: 雷达图绘制类型，支持 'Polygon' 和 'Circle'。</br>- `Circle`: 雷达图绘制类型，支持 'Polygon' 和 'Circle'。</br>|
-| `radius` |100 | 雷达图的半径。 |
-| `splitNumber` |5 | 指示器轴的分割段数。 |
-| `center` | | 雷达图的中心点。数组的第一项是横坐标，第二项是纵坐标。 当值为0-1之间时表示百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。 |
-| `axisLine` | | 轴线。 [AxisLine](AxisLine)|
-| `axisName` | | 雷达图每个指示器名称的配置项。 [AxisName](AxisName)|
-| `splitLine` | | 分割线。 [AxisSplitLine](AxisSplitLine)|
-| `splitArea` | | 分割区域。 [AxisSplitArea](AxisSplitArea)|
-| `indicator` |true | 是否显示指示器。 |
-| `positionType` | | 显示位置类型。</br>`RadarCoord.PositionType`:</br>- `Vertice`: 显示在顶点处。</br>- `Between`: 显示在两者之间。</br>|
-| `indicatorGap` |10 | 指示器和雷达的间距。 |
-| `ceilRate` |0 | 最大最小值向上取整的倍率。默认为0时自动计算。 |
-| `isAxisTooltip` | | 是否Tooltip显示轴线上的所有数据。 |
-| `outRangeColor` |Color.red | 数值超出范围时显示的颜色。 |
-| `connectCenter` |false | 数值是否连线到中心点。 |
-| `lineGradient` |true | 数值线段是否需要渐变。 |
-| `indicatorList` | | 指示器列表。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`name`|||指示器名称。
+|`max`|||指示器的最大值，默认为 0 无限制。
+|`min`|||指示器的最小值，默认为 0 无限制。
+|`range`|||正常值范围。当数值不在这个范围时，会自动变更显示颜色。
+|`show`|||是否显示雷达坐标系组件。
+|`shape`|||雷达图绘制类型，支持 'Polygon' 和 'Circle'。
+|`radius`|100||雷达图的半径。
+|`splitNumber`|5||指示器轴的分割段数。
+|`center`|||雷达图的中心点。数组的第一项是横坐标，第二项是纵坐标。 当值为0-1之间时表示百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。
+|`axisLine`|||轴线。 [AxisLine](#AxisLine)|
+|`axisName`|||雷达图每个指示器名称的配置项。 [AxisName](#AxisName)|
+|`splitLine`|||分割线。 [AxisSplitLine](#AxisSplitLine)|
+|`splitArea`|||分割区域。 [AxisSplitArea](#AxisSplitArea)|
+|`indicator`|true||是否显示指示器。
+|`positionType`|||显示位置类型。
+|`indicatorGap`|10||指示器和雷达的间距。
+|`ceilRate`|0||最大最小值向上取整的倍率。默认为0时自动计算。
+|`isAxisTooltip`|||是否Tooltip显示轴线上的所有数据。
+|`outRangeColor`|Color.red||数值超出范围时显示的颜色。
+|`connectCenter`|false||数值是否连线到中心点。
+|`lineGradient`|true||数值线段是否需要渐变。
+|`indicatorList`|||指示器列表。
 
 ## `ItemStyle`
 
@@ -676,27 +678,27 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieDataComponent]
 
 图形样式。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否启用。 |
-| `color` | | 数据项颜色。 |
-| `color0` | | 数据项颜色。 |
-| `toColor` | | 渐变色的颜色1。 |
-| `toColor2` | | 渐变色的颜色2。只在折线图中有效。 |
-| `backgroundColor` | | 数据项背景颜色。 |
-| `backgroundWidth` | | 数据项背景宽度。 |
-| `centerColor` | | 中心区域颜色。 |
-| `centerGap` | | 中心区域间隙。 |
-| `borderWidth` |0 | 边框宽。 |
-| `borderGap` |0 | 边框间隙。 |
-| `borderColor` | | 边框的颜色。 |
-| `borderColor0` | | 边框的颜色。 |
-| `borderToColor` | | 边框的渐变色。 |
-| `opacity` |1 | 透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。 |
-| `itemMarker` | | 提示框单项的字符标志。用在Tooltip中。 |
-| `itemFormatter` | | 提示框单项的字符串模版格式器。具体配置参考`Tooltip`的`formatter` |
-| `numericFormatter` | | 标准数字格式字符串。用于将数值格式化显示为字符串。 使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。 参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings |
-| `cornerRadius` | | 圆角半径。用数组分别指定4个圆角半径（顺时针左上，右上，右下，左下）。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否启用。
+|`color`|||数据项颜色。
+|`color0`|||数据项颜色。
+|`toColor`|||渐变色的颜色1。
+|`toColor2`|||渐变色的颜色2。只在折线图中有效。
+|`backgroundColor`|||数据项背景颜色。
+|`backgroundWidth`|||数据项背景宽度。
+|`centerColor`|||中心区域颜色。
+|`centerGap`|||中心区域间隙。
+|`borderWidth`|0||边框宽。
+|`borderGap`|0||边框间隙。
+|`borderColor`|||边框的颜色。
+|`borderColor0`|||边框的颜色。
+|`borderToColor`|||边框的渐变色。
+|`opacity`|1||透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
+|`itemMarker`|||提示框单项的字符标志。用在Tooltip中。
+|`itemFormatter`|||提示框单项的字符串模版格式器。具体配置参考`Tooltip`的`formatter`
+|`numericFormatter`|||标准数字格式字符串。用于将数值格式化显示为字符串。 使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。 参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings
+|`cornerRadius`|||圆角半径。用数组分别指定4个圆角半径（顺时针左上，右上，右下，左下）。
 
 ## `LabelLine`
 
@@ -704,18 +706,18 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent
 
 标签的引导线
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示视觉引导线。 |
-| `lineType` | | 视觉引导线类型。</br>`LineType`:</br>- `Normal`: 普通折线图。</br>- `Smooth`: 平滑曲线。</br>- `StepStart`: 阶梯线图：当前点。</br>- `StepMiddle`: 阶梯线图：当前点和下一个点的中间。</br>- `StepEnd`: 阶梯线图：下一个拐点。</br>|
-| `lineColor` |ChartConst.clearColor32 | 视觉引导线颜色。默认和serie一致取自调色板。 |
-| `lineAngle` |0 | 视觉引导线的固定角度。对折线和曲线有效。 |
-| `lineWidth` |1.0f | 视觉引导线的宽度。 |
-| `lineGap` |1.0f | 视觉引导线和容器的间距。 |
-| `lineLength1` |25f | 视觉引导线第一段的长度。 |
-| `lineLength2` |15f | 视觉引导线第二段的长度。 |
-| `startSymbol` | | 起始点的图形标记。 [SymbolStyle](SymbolStyle)|
-| `endSymbol` | | 结束点的图形标记。 [SymbolStyle](SymbolStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示视觉引导线。
+|`lineType`|||视觉引导线类型。</br>`LabelLine.LineType`:</br>- `BrokenLine`: 折线</br>- `Curves`: 曲线</br>- `HorizontalLine`: 水平线</br>|
+|`lineColor`|ChartConst.clearColor32||视觉引导线颜色。默认和serie一致取自调色板。
+|`lineAngle`|0||视觉引导线的固定角度。对折线和曲线有效。
+|`lineWidth`|1.0f||视觉引导线的宽度。
+|`lineGap`|1.0f||视觉引导线和容器的间距。
+|`lineLength1`|25f||视觉引导线第一段的长度。
+|`lineLength2`|15f||视觉引导线第二段的长度。
+|`startSymbol`|||起始点的图形标记。 [SymbolStyle](#SymbolStyle)|
+|`endSymbol`|||结束点的图形标记。 [SymbolStyle](#SymbolStyle)|
 
 ## `LabelStyle`
 
@@ -723,22 +725,22 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent
 
 图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示文本标签。 |
-| `Position` | | 标签的位置。 |
-| `autoOffset` |false | 是否开启自动偏移。当开启时，Y的偏移会自动判断曲线的开口来决定向上还是向下偏移。 |
-| `offset` | | 距离图形元素的偏移 |
-| `rotate` | | 文本的旋转。 |
-| `distance` | | 距离轴线的距离。 |
-| `formatter` | | 标签内容字符串模版格式器。支持用 \n 换行。 模板变量有： {.}：圆点标记。 {a}：系列名。 {a}：系列名。 {b}：类目值或数据名。 {c}：数据值。 {d}：百分比。 {e}：数据名。 {f}：数据和。 示例：“{b}:{c}” |
-| `numericFormatter` | | 标准数字格式字符串。用于将数值格式化显示为字符串。 使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。 参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings |
-| `width` |0 | 标签的宽度。一般不用指定，不指定时则自动是文字的宽度。 |
-| `height` |0 | 标签的高度。一般不用指定，不指定时则自动是文字的高度。 |
-| `icon` | | 图标样式。 [IconStyle](IconStyle)|
-| `background` | | 背景图样式。 [ImageStyle](ImageStyle)|
-| `textPadding` | | 文本的边距。 [TextPadding](TextPadding)|
-| `textStyle` | | 文本样式。 [TextStyle](TextStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示文本标签。
+|`Position`|||标签的位置。
+|`autoOffset`|false||是否开启自动偏移。当开启时，Y的偏移会自动判断曲线的开口来决定向上还是向下偏移。
+|`offset`|||距离图形元素的偏移
+|`rotate`|||文本的旋转。
+|`distance`|||距离轴线的距离。
+|`formatter`|||标签内容字符串模版格式器。支持用 \n 换行。 模板变量有： {.}：圆点标记。 {a}：系列名。 {a}：系列名。 {b}：类目值或数据名。 {c}：数据值。 {d}：百分比。 {e}：数据名。 {f}：数据和。 示例：“{b}:{c}”
+|`numericFormatter`|||标准数字格式字符串。用于将数值格式化显示为字符串。 使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。 参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings
+|`width`|0||标签的宽度。一般不用指定，不指定时则自动是文字的宽度。
+|`height`|0||标签的高度。一般不用指定，不指定时则自动是文字的高度。
+|`icon`|||图标样式。 [IconStyle](#IconStyle)|
+|`background`|||背景图样式。 [ImageStyle](#ImageStyle)|
+|`textPadding`|||文本的边距。 [TextPadding](#TextPadding)|
+|`textStyle`|||文本样式。 [TextStyle](#TextStyle)|
 
 ## `Lang`
 
@@ -759,51 +761,53 @@ Inherits or Implemented: [MainComponent](#MainComponent),[IPropertyChanged](#IPr
 
 图例组件。 图例组件展现了不同系列的标记，颜色和名字。可以通过点击图例控制哪些系列不显示。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示图例组件。 |
-| `iconType` | | 图例类型。 [default:Type.Auto]</br>`Painter.Type`:</br>- `Base`: </br>- `Serie`: </br>- `Top`: </br>|
-| `selectedMode` | | 选择模式。控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 None 关闭。 [default:SelectedMode.Multiple]</br>`VisualMap.SelectedMode`:</br>- `Multiple`: 多选。</br>- `Single`: 单选。</br>|
-| `orient` | | 布局方式是横还是竖。 [default:Orient.Horizonal]</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `location` | | 图例显示的位置。 [default:Location.defaultTop] [Location](Location)|
-| `itemWidth` |25.0f | 图例标记的图形宽度。 [default:24f] |
-| `itemHeight` |12.0f | 图例标记的图形高度。 [default:12f] |
-| `itemGap` |10f | 图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。 [default:10f] |
-| `itemAutoColor` |true | 图例标记的图形是否自动匹配颜色。 [default:true] |
-| `itemOpacity` |1 | 图例标记的图形的颜色透明度。 |
-| `formatter` | | 图例内容字符串模版格式器。支持用 \n 换行。 模板变量为图例名称 {value}。其他模板变量参考Toolip的itemFormatter。 |
-| `numericFormatter` | | 标准数字格式字符串。用于将数值格式化显示为字符串。 使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。 参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings |
-| `labelStyle` | | 文本样式。 [LabelStyle](LabelStyle)|
-| `data` | | If data is not specified, it will be auto collected from series. |
-| `icons` | | 自定义的图例标记图形。 |
-| `colors` | | the colors of legend item. 图例标记的颜色列表。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示图例组件。
+|`iconType`|||图例类型。</br>`Legend.Type`:</br>- `Auto`: 自动匹配。</br>- `Custom`: 自定义图标。</br>- `EmptyCircle`: 空心圆。</br>- `Circle`: 圆形。</br>- `Rect`: 正方形。可通过Setting的legendIconCornerRadius参数调整圆角。</br>- `Triangle`: 三角形。</br>- `Diamond`: 菱形。</br>|
+|`selectedMode`|||选择模式。控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 None 关闭。</br>`Legend.SelectedMode`:</br>- `Multiple`: 多选。</br>- `Single`: 单选。</br>- `None`: 无法选择。</br>|
+|`orient`|||布局方式是横还是竖。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`location`|||图例显示的位置。 [Location](#Location)|
+|`itemWidth`|25.0f||图例标记的图形宽度。
+|`itemHeight`|12.0f||图例标记的图形高度。
+|`itemGap`|10f||图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。
+|`itemAutoColor`|true||图例标记的图形是否自动匹配颜色。
+|`itemOpacity`|1||图例标记的图形的颜色透明度。
+|`formatter`|||图例内容字符串模版格式器。支持用 \n 换行。 模板变量为图例名称 {value}。其他模板变量参考Toolip的itemFormatter。
+|`numericFormatter`|||标准数字格式字符串。用于将数值格式化显示为字符串。 使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。 参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings
+|`labelStyle`|||文本样式。 [LabelStyle](#LabelStyle)|
+|`data`|||图例的数据数组。数组项通常为一个字符串，每一项代表一个系列的 name（如果是饼图，也可以是饼图单个数据的 name）。 如果 data 没有被指定，会自动从当前系列中获取。指定data时里面的数据项和serie匹配时才会生效。
+|`icons`|||自定义的图例标记图形。
+|`colors`|||图例标记的颜色列表。
+|`background`||v3.1.0|背景图样式。 [ImageStyle](#ImageStyle)|
+|`padding`||v3.1.0|图例标记和背景的间距。 [Padding](#Padding)|
 
 ## `LegendTheme`
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `unableColor` | | 文本颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`unableColor`|||文本颜色。
 
 ## `Level`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `label` | | 文本标签样式。 [LabelStyle](LabelStyle)|
-| `upperLabel` | | 上方的文本标签样式。 [LabelStyle](LabelStyle)|
-| `itemStyle` | | 数据项样式。 [ItemStyle](ItemStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`label`|||文本标签样式。 [LabelStyle](#LabelStyle)|
+|`upperLabel`|||上方的文本标签样式。 [LabelStyle](#LabelStyle)|
+|`itemStyle`|||数据项样式。 [ItemStyle](#ItemStyle)|
 
 ## `LevelStyle`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `show` |false | 是否启用LevelStyle |
-| `levels` | | 各层节点对应的配置。当enableLevels为true时生效，levels[0]对应的第一层的配置，levels[1]对应第二层，依次类推。当levels中没有对应层时用默认的设置。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|false||是否启用LevelStyle
+|`levels`|||各层节点对应的配置。当enableLevels为true时生效，levels[0]对应的第一层的配置，levels[1]对应第二层，依次类推。当levels中没有对应层时用默认的设置。
 
 ## `Line`
 
@@ -814,11 +818,11 @@ Inherits or Implemented: [Serie](#Serie),[INeedSerieContainer](#INeedSerieContai
 
 Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent](#ISerieExtraComponent)
 
-|field|default|comment|
-|--|--|--|
-| `show` | | 是否显示箭头。 |
-| `position` | | 箭头位置。</br>`LabelStyle.Position`:</br>- `Default`: 标签的位置。</br>- `Outside`: 饼图扇区外侧，通过视觉引导线连到相应的扇区。</br>- `Inside`: 饼图扇区内部。</br>- `Center`: 在饼图中心位置。</br>- `Top`: 图形标志的顶部。</br>- `Bottom`: 图形标志的底部。</br>- `Left`: 图形标志的左边。</br>- `Right`: 图形标志的右边。</br>- `Start`: 线的起始点。</br>- `Middle`: 线的中点。</br>- `End`: 线的结束点。</br>|
-| `arrow` | | 箭头。 [ArrowStyle](ArrowStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|||是否显示箭头。
+|`position`|||箭头位置。</br>`LineArrow.Position`:</br>- `End`: 末端箭头</br>- `Start`: 头端箭头</br>|
+|`arrow`|||箭头。 [ArrowStyle](#ArrowStyle)|
 
 ## `LineStyle`
 
@@ -826,16 +830,16 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieDataComponent]
 
 线条样式。 注： 修改 lineStyle 中的颜色不会影响图例颜色，如果需要图例颜色和折线图颜色一致，需修改 itemStyle.color，线条颜色默认也会取该颜色。 toColor，toColor2可设置水平方向的渐变，如需要设置垂直方向的渐变，可使用VisualMap。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示线条。当作为子组件，它的父组件有参数控制是否显示时，改参数无效。 |
-| `type` | | 线的类型。</br>`Painter.Type`:</br>- `Base`: </br>- `Serie`: </br>- `Top`: </br>|
-| `color` | | 线的颜色。 |
-| `toColor` | | 线的渐变颜色（需要水平方向渐变时）。 |
-| `toColor2` | | 线的渐变颜色2（需要水平方向三个渐变色的渐变时）。 |
-| `width` |0 | 线宽。 |
-| `length` |0 | 线长。 |
-| `opacity` |1 | 线的透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示线条。当作为子组件，它的父组件有参数控制是否显示时，改参数无效。
+|`type`|||线的类型。</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`color`|||线的颜色。
+|`toColor`|||线的渐变颜色（需要水平方向渐变时）。
+|`toColor2`|||线的渐变颜色2（需要水平方向三个渐变色的渐变时）。
+|`width`|0||线宽。
+|`length`|0||线长。
+|`opacity`|1||线的透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
 
 ## `Location`
 
@@ -843,13 +847,13 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[IPropertyChanged](#I
 
 位置类型。通过Align快速设置大体位置，再通过left，right，top，bottom微调具体位置。
 
-|field|default|comment|
-|--|--|--|
-| `align` | | 对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
-| `left` | | 离容器左侧的距离。 |
-| `right` | | 离容器右侧的距离。 |
-| `top` | | 离容器上侧的距离。 |
-| `bottom` | | 离容器下侧的距离。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`align`|||对齐方式。</br>`Location.Align`:</br>- `TopLeft`: 对齐方式</br>- `TopRight`: 对齐方式</br>- `TopCenter`: 对齐方式</br>- `BottomLeft`: 对齐方式</br>- `BottomRight`: 对齐方式</br>- `BottomCenter`: 对齐方式</br>- `Center`: 对齐方式</br>- `CenterLeft`: 对齐方式</br>- `CenterRight`: 对齐方式</br>|
+|`left`|||离容器左侧的距离。
+|`right`|||离容器右侧的距离。
+|`top`|||离容器上侧的距离。
+|`bottom`|||离容器下侧的距离。
 
 ## `MainComponent`
 
@@ -862,15 +866,15 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 图表标域，常用于标记图表中某个范围的数据。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示标域。 |
-| `text` | | The text of markArea. 标域显示的文本。 |
-| `serieIndex` |0 | Serie index of markArea. 标域影响的Serie索引。 |
-| `start` | | 标域范围的起始数据。 [MarkAreaData](MarkAreaData)|
-| `end` | | 标域范围的结束数据。 [MarkAreaData](MarkAreaData)|
-| `itemStyle` | | 标域样式。 [ItemStyle](ItemStyle)|
-| `label` | | 标域文本样式。 [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示标域。
+|`text`|||The text of markArea. 标域显示的文本。
+|`serieIndex`|0||Serie index of markArea. 标域影响的Serie索引。
+|`start`|||标域范围的起始数据。 [MarkAreaData](#MarkAreaData)|
+|`end`|||标域范围的结束数据。 [MarkAreaData](#MarkAreaData)|
+|`itemStyle`|||标域样式。 [ItemStyle](#ItemStyle)|
+|`label`|||标域文本样式。 [LabelStyle](#LabelStyle)|
 
 ## `MarkAreaData`
 
@@ -878,15 +882,15 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 标域的数据。
 
-|field|default|comment|
-|--|--|--|
-| `type` | | 特殊的标域类型，用于标注最大值最小值等。</br>`MarkAreaType`:</br>- `None`: 标域类型</br>- `Min`: 最小值。</br>- `Max`: 最大值。</br>- `Average`: 平均值。</br>- `Median`: 中位数。</br>|
-| `name` | | 标注名称。会作为文字显示。 |
-| `dimension` |1 | 从哪个维度的数据计算最大最小值等。 |
-| `xPosition` | | 相对原点的 x 坐标，单位像素。当type为None时有效。 |
-| `yPosition` | | 相对原点的 y 坐标，单位像素。当type为None时有效。 |
-| `xValue` | | X轴上的指定值。当X轴为类目轴时指定值表示类目轴数据的索引，否则为具体的值。当type为None时有效。 |
-| `yValue` | | Y轴上的指定值。当Y轴为类目轴时指定值表示类目轴数据的索引，否则为具体的值。当type为None时有效。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`type`|||特殊的标域类型，用于标注最大值最小值等。</br>`MarkAreaType`:</br>- `None`: 标域类型</br>- `Min`: 最小值。</br>- `Max`: 最大值。</br>- `Average`: 平均值。</br>- `Median`: 中位数。</br>|
+|`name`|||标注名称。会作为文字显示。
+|`dimension`|1||从哪个维度的数据计算最大最小值等。
+|`xPosition`|||相对原点的 x 坐标，单位像素。当type为None时有效。
+|`yPosition`|||相对原点的 y 坐标，单位像素。当type为None时有效。
+|`xValue`|||X轴上的指定值。当X轴为类目轴时指定值表示类目轴数据的索引，否则为具体的值。当type为None时有效。
+|`yValue`|||Y轴上的指定值。当Y轴为类目轴时指定值表示类目轴数据的索引，否则为具体的值。当type为None时有效。
 
 ## `MarkLine`
 
@@ -894,12 +898,12 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 图表标线。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示标线。 |
-| `serieIndex` |0 | 标线影响的Serie索引。 |
-| `animation` | | 标线的动画样式。 [AnimationStyle](AnimationStyle)|
-| `data` | | 标线的数据列表。当数据项的group为0时，每个数据项表示一条标线；当group不为0时，相同group的两个数据项分别表 示标线的起始点和终止点来组成一条标线，此时标线的相关样式参数取起始点的参数。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示标线。
+|`serieIndex`|0||标线影响的Serie索引。
+|`animation`|||标线的动画样式。 [AnimationStyle](#AnimationStyle)|
+|`data`|||标线的数据列表。当数据项的group为0时，每个数据项表示一条标线；当group不为0时，相同group的两个数据项分别表 示标线的起始点和终止点来组成一条标线，此时标线的相关样式参数取起始点的参数。
 
 ## `MarkLineData`
 
@@ -907,21 +911,35 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 图表标线的数据。
 
-|field|default|comment|
-|--|--|--|
-| `type` | | 特殊的标线类型，用于标注最大值最小值等。</br>`MarkLineType`:</br>- `None`: 标线类型</br>- `Min`: 最小值。</br>- `Max`: 最大值。</br>- `Average`: 平均值。</br>- `Median`: 中位数。</br>|
-| `name` | | 标线名称，将会作为文字显示。label的formatter可通过{b}显示名称，通过{c}显示数值。 |
-| `dimension` |1 | 从哪个维度的数据计算最大最小值等。 |
-| `xPosition` | | 相对原点的 x 坐标，单位像素。当type为None时有效。 |
-| `yPosition` | | 相对原点的 y 坐标，单位像素。当type为None时有效。 |
-| `xValue` | | X轴上的指定值。当X轴为类目轴时指定值表示类目轴数据的索引，否则为具体的值。当type为None时有效。 |
-| `yValue` | | Y轴上的指定值。当Y轴为类目轴时指定值表示类目轴数据的索引，否则为具体的值。当type为None时有效。 |
-| `group` |0 | 分组。当group不为0时，表示这个data是标线的起点或终点，group一致的data组成一条标线。 |
-| `zeroPosition` |false | 是否为坐标系原点。 |
-| `startSymbol` | | 起始点的图形标记。 [SymbolStyle](SymbolStyle)|
-| `endSymbol` | | 结束点的图形标记。 [SymbolStyle](SymbolStyle)|
-| `lineStyle` | | 标线样式。 [LineStyle](LineStyle)|
-| `label` | | 文本样式。可设置position为Start、Middle和End在不同的位置显示文本。 [LabelStyle](LabelStyle)|
+|field|default|since|comment|
+|--|--|--|--|
+|`type`|||特殊的标线类型，用于标注最大值最小值等。</br>`MarkLineType`:</br>- `None`: 标线类型</br>- `Min`: 最小值。</br>- `Max`: 最大值。</br>- `Average`: 平均值。</br>- `Median`: 中位数。</br>|
+|`name`|||标线名称，将会作为文字显示。label的formatter可通过{b}显示名称，通过{c}显示数值。
+|`dimension`|1||从哪个维度的数据计算最大最小值等。
+|`xPosition`|||相对原点的 x 坐标，单位像素。当type为None时有效。
+|`yPosition`|||相对原点的 y 坐标，单位像素。当type为None时有效。
+|`xValue`|||X轴上的指定值。当X轴为类目轴时指定值表示类目轴数据的索引，否则为具体的值。当type为None时有效。
+|`yValue`|||Y轴上的指定值。当Y轴为类目轴时指定值表示类目轴数据的索引，否则为具体的值。当type为None时有效。
+|`group`|0||分组。当group不为0时，表示这个data是标线的起点或终点，group一致的data组成一条标线。
+|`zeroPosition`|false||是否为坐标系原点。
+|`startSymbol`|||起始点的图形标记。 [SymbolStyle](#SymbolStyle)|
+|`endSymbol`|||结束点的图形标记。 [SymbolStyle](#SymbolStyle)|
+|`lineStyle`|||标线样式。 [LineStyle](#LineStyle)|
+|`label`|||文本样式。可设置position为Start、Middle和End在不同的位置显示文本。 [LabelStyle](#LabelStyle)|
+
+## `Padding`
+
+Inherits or Implemented: [ChildComponent](#ChildComponent)
+
+边距设置。
+
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||show padding. 是否显示。
+|`top`|0||顶部间距。
+|`right`|2f||右部间距。
+|`left`|2f||左边间距。
+|`bottom`|0||底部间距。
 
 ## `Parallel`
 
@@ -939,15 +957,15 @@ Inherits or Implemented: [CoordSystem](#CoordSystem),[IUpdateRuntimeData](#IUpda
 
 Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart can be drawn in grid.
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示直角坐标系网格。 |
-| `orient` | | 坐标轴朝向。默认为垂直朝向。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `left` |0.1f | grid 组件离容器左侧的距离。 |
-| `right` |0.08f | grid 组件离容器右侧的距离。 |
-| `top` |0.22f | grid 组件离容器上侧的距离。 |
-| `bottom` |0.12f | grid 组件离容器下侧的距离。 |
-| `backgroundColor` | | 网格背景色，默认透明。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示直角坐标系网格。
+|`orient`|||坐标轴朝向。默认为垂直朝向。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`left`|0.1f||grid 组件离容器左侧的距离。
+|`right`|0.08f||grid 组件离容器右侧的距离。
+|`top`|0.22f||grid 组件离容器上侧的距离。
+|`bottom`|0.12f||grid 组件离容器下侧的距离。
+|`backgroundColor`|||网格背景色，默认透明。
 
 ## `Pie`
 
@@ -965,12 +983,12 @@ Inherits or Implemented: [CoordSystem](#CoordSystem),[ISerieContainer](#ISerieCo
 
 极坐标系组件。 极坐标系，可以用于散点图和折线图。每个极坐标系拥有一个角度轴和一个半径轴。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示极坐标。 |
-| `center` | | 极坐标的中心点。数组的第一项是横坐标，第二项是纵坐标。 当值为0-1之间时表示百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。 |
-| `radius` |0.35f | 极坐标的半径。 |
-| `backgroundColor` | | 极坐标的背景色，默认透明。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示极坐标。
+|`center`|||极坐标的中心点。数组的第一项是横坐标，第二项是纵坐标。 当值为0-1之间时表示百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。
+|`radius`|0.35f||极坐标的半径。
+|`backgroundColor`|||极坐标的背景色，默认透明。
 
 ## `Radar`
 
@@ -1017,74 +1035,74 @@ Inherits or Implemented: [BaseSerie](#BaseSerie),[IComparable](#IComparable)
 
 系列。
 
-|field|default|comment|
-|--|--|--|
-| `index` | | 系列索引。 |
-| `show` |true | 系列是否显示在图表上。 |
-| `coordSystem` | | 使用的坐标系。 |
-| `serieType` | | 系列类型。 |
-| `serieName` | | 系列名称，用于 tooltip 的显示，legend 的图例筛选。 |
-| `stack` | | 数据堆叠，同个类目轴上系列配置相同的stack值后，后一个系列的值会在前一个系列的值上相加。 |
-| `xAxisIndex` |0 | 使用X轴的index。 |
-| `yAxisIndex` |0 | 使用Y轴的index。 |
-| `radarIndex` |0 | 雷达图所使用的 radar 组件的 index。 |
-| `vesselIndex` |0 | 水位图所使用的 vessel 组件的 index。 |
-| `polarIndex` |0 | 所使用的 polar 组件的 index。 |
-| `singleAxisIndex` |0 | 所使用的 singleAxis 组件的 index。 |
-| `parallelIndex` |0 | 所使用的 parallel coord 组件的 index。 |
-| `minShow` | | 系列所显示数据的最小索引 |
-| `maxShow` | | 系列所显示数据的最大索引 |
-| `maxCache` | | 系列中可缓存的最大数据量。默认为0没有限制，大于0时超过指定值会移除旧数据再插入新数据。 |
-| `sampleDist` |0 | 采样的最小像素距离，默认为0时不采样。当两个数据点间的水平距离小于改值时，开启采样，保证两点间的水平距离不小于改值。 |
-| `sampleType` | | 采样类型。当sampleDist大于0时有效。</br>`SampleType`:</br>- `Peak`: 取峰值。</br>- `Average`: 取过滤点的平均值。</br>- `Max`: 取过滤点的最大值。</br>- `Min`: 取过滤点的最小值。</br>- `Sum`: 取过滤点的和。</br>|
-| `sampleAverage` |0 | 设定的采样平均值。当sampleType 为 Peak 时，用于和过滤数据的平均值做对比是取最大值还是最小值。默认为0时会实时计算所有数据的平均值。 |
-| `lineType` | | 折线图样式类型。</br>`LineType`:</br>- `Normal`: 普通折线图。</br>- `Smooth`: 平滑曲线。</br>- `StepStart`: 阶梯线图：当前点。</br>- `StepMiddle`: 阶梯线图：当前点和下一个点的中间。</br>- `StepEnd`: 阶梯线图：下一个拐点。</br>|
-| `barType` | | 柱形图类型。</br>`BarType`:</br>- `Normal`: 普通柱形图。</br>- `Zebra`: 斑马柱形图。</br>- `Capsule`: 胶囊柱形图。</br>|
-| `barPercentStack` |false | 柱形图是否为百分比堆积。相同stack的serie只要有一个barPercentStack为true，则就显示成百分比堆叠柱状图。 |
-| `barWidth` |0 | 柱条的宽度，不设时自适应。支持设置成相对于类目宽度的百分比。 |
-| `barGap` |0.1f | 不同系列的柱间距离。为百分比（如 '0.3f'，表示柱子宽度的 30%） 如果想要两个系列的柱子重叠，可以设置 barGap 为 '-1f'。这在用柱子做背景的时候有用。 在同一坐标系上，此属性会被多个 'bar' 系列共享。此属性应设置于此坐标系中最后一个 'bar' 系列上才会生效，并且是对此坐标系中所有 'bar' 系列生效。 |
-| `barZebraWidth` |4f | 斑马线的粗细。 |
-| `barZebraGap` |2f | 斑马线的间距。 |
-| `min` | | 最小值。 |
-| `max` | | 最大值。 |
-| `minSize` |0f | 数据最小值 min 映射的宽度。 |
-| `maxSize` |1f | 数据最大值 max 映射的宽度。 |
-| `startAngle` | | 起始角度。和时钟一样，12点钟位置是0度，顺时针到360度。 |
-| `endAngle` | | 结束角度。和时钟一样，12点钟位置是0度，顺时针到360度。 |
-| `minAngle` | | 最小的扇区角度（0-360）。用于防止某个值过小导致扇区太小影响交互。 |
-| `clockwise` |true | 是否顺时针。 |
-| `roundCap` | | 是否开启圆弧效果。 |
-| `splitNumber` | | 刻度分割段数。最大可设置36。 |
-| `clickOffset` |true | 鼠标点击时是否开启偏移，一般用在PieChart图表中。 |
-| `roseType` | | 是否展示成南丁格尔图，通过半径区分数据大小。</br>`RoseType`:</br>- `None`: 不展示成南丁格尔玫瑰图。</br>- `Radius`: 扇区圆心角展现数据的百分比，半径展现数据的大小。</br>- `Area`: 所有扇区圆心角相同，仅通过半径展现数据大小。</br>|
-| `gap` | | 间距。 |
-| `center` | | 中心点。 |
-| `radius` | | 半径。radius[0]表示内径，radius[1]表示外径。 |
-| `showDataDimension` | | 数据项里的数据维数。 |
-| `showDataName` | | 在Editor的inpsector上是否显示name参数 |
-| `clip` |false | 是否裁剪超出坐标系部分的图形。 |
-| `ignore` |false | 是否开启忽略数据。当为 true 时，数据值为 ignoreValue 时不进行绘制。 |
-| `ignoreValue` |0 | 忽略数据的默认值。当ignore为true才有效。 |
-| `ignoreLineBreak` |false | 忽略数据时折线是断开还是连接。默认false为连接。 |
-| `showAsPositiveNumber` |false | 将负数数值显示为正数。一般和`AxisLabel`的`showAsPositiveNumber`配合使用。仅在折线图和柱状图中有效。 |
-| `large` |true | 是否开启大数据量优化，在数据图形特别多而出现卡顿时候可以开启。 开启后配合 largeThreshold 在数据量大于指定阈值的时候对绘制进行优化。 缺点：优化后不能自定义设置单个数据项的样式，不能显示Label。 |
-| `largeThreshold` |200 | 开启大数量优化的阈值。只有当开启了large并且数据量大于该阀值时才进入性能模式。 |
-| `avoidLabelOverlap` |false | 在饼图且标签外部显示的情况下，是否启用防止标签重叠策略，默认关闭，在标签拥挤重叠的情况下会挪动各个标签的位置，防止标签间的重叠。 |
-| `radarType` | | 雷达图类型。</br>`RadarType`:</br>- `Multiple`: 多圈雷达图。此时可一个雷达里绘制多个圈，一个serieData就可组成一个圈（多维数据）。</br>- `Single`: 单圈雷达图。此时一个雷达只能绘制一个圈，多个serieData组成一个圈，数据取自`data[1]`。</br>|
-| `placeHolder` |false | 占位模式。占位模式时，数据有效但不参与渲染和显示。 |
-| `dataSortType` | | 组件的数据排序。</br>`SerieDataSortType`:</br>- `None`: 按 data 的顺序</br>- `Ascending`: 升序</br>- `Descending`: 降序</br>|
-| `orient` | | 组件的朝向。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `align` | | 组件水平方向对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
-| `left` | | 组件离容器左侧的距离。 |
-| `right` | | 组件离容器右侧的距离。 |
-| `top` | | 组件离容器上侧的距离。 |
-| `bottom` | | 组件离容器下侧的距离。 |
-| `insertDataToHead` | | 添加新数据时是在列表的头部还是尾部加入。 |
-| `lineStyle` | | 线条样式。 [LineStyle](LineStyle)|
-| `symbol` | | 标记的图形。 [SerieSymbol](SerieSymbol)|
-| `animation` | | 起始动画。 [AnimationStyle](AnimationStyle)|
-| `itemStyle` | | 图形样式。 [ItemStyle](ItemStyle)|
-| `data` | | 系列中的数据内容数组。SerieData可以设置1到n维数据。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`index`|||系列索引。
+|`show`|true||系列是否显示在图表上。
+|`coordSystem`|||使用的坐标系。
+|`serieType`|||系列类型。
+|`serieName`|||系列名称，用于 tooltip 的显示，legend 的图例筛选。
+|`stack`|||数据堆叠，同个类目轴上系列配置相同的stack值后，后一个系列的值会在前一个系列的值上相加。
+|`xAxisIndex`|0||使用X轴的index。
+|`yAxisIndex`|0||使用Y轴的index。
+|`radarIndex`|0||雷达图所使用的 radar 组件的 index。
+|`vesselIndex`|0||水位图所使用的 vessel 组件的 index。
+|`polarIndex`|0||所使用的 polar 组件的 index。
+|`singleAxisIndex`|0||所使用的 singleAxis 组件的 index。
+|`parallelIndex`|0||所使用的 parallel coord 组件的 index。
+|`minShow`|||系列所显示数据的最小索引
+|`maxShow`|||系列所显示数据的最大索引
+|`maxCache`|||系列中可缓存的最大数据量。默认为0没有限制，大于0时超过指定值会移除旧数据再插入新数据。
+|`sampleDist`|0||采样的最小像素距离，默认为0时不采样。当两个数据点间的水平距离小于改值时，开启采样，保证两点间的水平距离不小于改值。
+|`sampleType`|||采样类型。当sampleDist大于0时有效。</br>`SampleType`:</br>- `Peak`: 取峰值。</br>- `Average`: 取过滤点的平均值。</br>- `Max`: 取过滤点的最大值。</br>- `Min`: 取过滤点的最小值。</br>- `Sum`: 取过滤点的和。</br>|
+|`sampleAverage`|0||设定的采样平均值。当sampleType 为 Peak 时，用于和过滤数据的平均值做对比是取最大值还是最小值。默认为0时会实时计算所有数据的平均值。
+|`lineType`|||折线图样式类型。</br>`LineType`:</br>- `Normal`: 普通折线图。</br>- `Smooth`: 平滑曲线。</br>- `StepStart`: 阶梯线图：当前点。</br>- `StepMiddle`: 阶梯线图：当前点和下一个点的中间。</br>- `StepEnd`: 阶梯线图：下一个拐点。</br>|
+|`barType`|||柱形图类型。</br>`BarType`:</br>- `Normal`: 普通柱形图。</br>- `Zebra`: 斑马柱形图。</br>- `Capsule`: 胶囊柱形图。</br>|
+|`barPercentStack`|false||柱形图是否为百分比堆积。相同stack的serie只要有一个barPercentStack为true，则就显示成百分比堆叠柱状图。
+|`barWidth`|0||柱条的宽度，不设时自适应。支持设置成相对于类目宽度的百分比。
+|`barGap`|0.1f||不同系列的柱间距离。为百分比（如 '0.3f'，表示柱子宽度的 30%） 如果想要两个系列的柱子重叠，可以设置 barGap 为 '-1f'。这在用柱子做背景的时候有用。 在同一坐标系上，此属性会被多个 'bar' 系列共享。此属性应设置于此坐标系中最后一个 'bar' 系列上才会生效，并且是对此坐标系中所有 'bar' 系列生效。
+|`barZebraWidth`|4f||斑马线的粗细。
+|`barZebraGap`|2f||斑马线的间距。
+|`min`|||最小值。
+|`max`|||最大值。
+|`minSize`|0f||数据最小值 min 映射的宽度。
+|`maxSize`|1f||数据最大值 max 映射的宽度。
+|`startAngle`|||起始角度。和时钟一样，12点钟位置是0度，顺时针到360度。
+|`endAngle`|||结束角度。和时钟一样，12点钟位置是0度，顺时针到360度。
+|`minAngle`|||最小的扇区角度（0-360）。用于防止某个值过小导致扇区太小影响交互。
+|`clockwise`|true||是否顺时针。
+|`roundCap`|||是否开启圆弧效果。
+|`splitNumber`|||刻度分割段数。最大可设置36。
+|`clickOffset`|true||鼠标点击时是否开启偏移，一般用在PieChart图表中。
+|`roseType`|||是否展示成南丁格尔图，通过半径区分数据大小。</br>`RoseType`:</br>- `None`: 不展示成南丁格尔玫瑰图。</br>- `Radius`: 扇区圆心角展现数据的百分比，半径展现数据的大小。</br>- `Area`: 所有扇区圆心角相同，仅通过半径展现数据大小。</br>|
+|`gap`|||间距。
+|`center`|||中心点。
+|`radius`|||半径。radius[0]表示内径，radius[1]表示外径。
+|`showDataDimension`|||数据项里的数据维数。
+|`showDataName`|||在Editor的inpsector上是否显示name参数
+|`clip`|false||是否裁剪超出坐标系部分的图形。
+|`ignore`|false||是否开启忽略数据。当为 true 时，数据值为 ignoreValue 时不进行绘制。
+|`ignoreValue`|0||忽略数据的默认值。当ignore为true才有效。
+|`ignoreLineBreak`|false||忽略数据时折线是断开还是连接。默认false为连接。
+|`showAsPositiveNumber`|false||将负数数值显示为正数。一般和`AxisLabel`的`showAsPositiveNumber`配合使用。仅在折线图和柱状图中有效。
+|`large`|true||是否开启大数据量优化，在数据图形特别多而出现卡顿时候可以开启。 开启后配合 largeThreshold 在数据量大于指定阈值的时候对绘制进行优化。 缺点：优化后不能自定义设置单个数据项的样式，不能显示Label。
+|`largeThreshold`|200||开启大数量优化的阈值。只有当开启了large并且数据量大于该阀值时才进入性能模式。
+|`avoidLabelOverlap`|false||在饼图且标签外部显示的情况下，是否启用防止标签重叠策略，默认关闭，在标签拥挤重叠的情况下会挪动各个标签的位置，防止标签间的重叠。
+|`radarType`|||雷达图类型。</br>`RadarType`:</br>- `Multiple`: 多圈雷达图。此时可一个雷达里绘制多个圈，一个serieData就可组成一个圈（多维数据）。</br>- `Single`: 单圈雷达图。此时一个雷达只能绘制一个圈，多个serieData组成一个圈，数据取自`data[1]`。</br>|
+|`placeHolder`|false||占位模式。占位模式时，数据有效但不参与渲染和显示。
+|`dataSortType`|||组件的数据排序。</br>`SerieDataSortType`:</br>- `None`: 按 data 的顺序</br>- `Ascending`: 升序</br>- `Descending`: 降序</br>|
+|`orient`|||组件的朝向。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`align`|||组件水平方向对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
+|`left`|||组件离容器左侧的距离。
+|`right`|||组件离容器右侧的距离。
+|`top`|||组件离容器上侧的距离。
+|`bottom`|||组件离容器下侧的距离。
+|`insertDataToHead`|||添加新数据时是在列表的头部还是尾部加入。
+|`lineStyle`|||线条样式。 [LineStyle](#LineStyle)|
+|`symbol`|||标记的图形。 [SerieSymbol](#SerieSymbol)|
+|`animation`|||起始动画。 [AnimationStyle](#AnimationStyle)|
+|`itemStyle`|||图形样式。 [ItemStyle](#ItemStyle)|
+|`data`|||系列中的数据内容数组。SerieData可以设置1到n维数据。
 
 ## `SerieData`
 
@@ -1092,16 +1110,16 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 系列中的一个数据项。可存储数据名和1-n维个数据。
 
-|field|default|comment|
-|--|--|--|
-| `index` | | 数据项索引。 |
-| `name` | | 数据项名称。 |
-| `id` | | 数据项的唯一id。唯一id不是必须设置的。 |
-| `parentId` | | 父节点id。父节点id不是必须设置的。 |
-| `ignore` | | 是否忽略数据。当为 true 时，数据不进行绘制。 |
-| `selected` | | 该数据项是否被选中。 |
-| `radius` | | 自定义半径。可用在饼图中自定义某个数据项的半径。 |
-| `data` | | 可指定任意维数的数值列表。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`index`|||数据项索引。
+|`name`|||数据项名称。
+|`id`|||数据项的唯一id。唯一id不是必须设置的。
+|`parentId`|||父节点id。父节点id不是必须设置的。
+|`ignore`|||是否忽略数据。当为 true 时，数据不进行绘制。
+|`selected`|||该数据项是否被选中。
+|`radius`|||自定义半径。可用在饼图中自定义某个数据项的半径。
+|`data`|||可指定任意维数的数值列表。
 
 ## `SerieSymbol`
 
@@ -1109,37 +1127,37 @@ Inherits or Implemented: [SymbolStyle](#SymbolStyle),[ISerieDataComponent](#ISer
 
 系列数据项的标记的图形
 
-|field|default|comment|
-|--|--|--|
-| `sizeType` | | 标记图形的大小获取方式。</br>`SymbolSizeType`:</br>- `Custom`: 自定义大小。</br>- `FromData`: 通过 dataIndex 从数据中获取，再乘以一个比例系数 dataScale 。</br>- `Function`: 通过委托函数获取。</br>|
-| `selectedSize` |0f | 被选中的标记的大小。 |
-| `dataIndex` |1 | 当sizeType指定为FromData时，指定的数据源索引。 |
-| `dataScale` |1 | 当sizeType指定为FromData时，指定的倍数系数。 |
-| `selectedDataScale` |1.5f | 当sizeType指定为FromData时，指定的高亮倍数系数。 |
-| `sizeFunction` | | 当sizeType指定为Function时，指定的委托函数。 |
-| `selectedSizeFunction` | | 当sizeType指定为Function时，指定的高亮委托函数。 |
-| `startIndex` | | 开始显示图形标记的索引。 |
-| `interval` | | 显示图形标记的间隔。0表示显示所有标签，1表示隔一个隔显示一个标签，以此类推。 |
-| `forceShowLast` |false | 是否强制显示最后一个图形标记。 |
-| `repeat` |false | 图形是否重复。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`sizeType`|||标记图形的大小获取方式。</br>`SymbolSizeType`:</br>- `Custom`: 自定义大小。</br>- `FromData`: 通过 dataIndex 从数据中获取，再乘以一个比例系数 dataScale 。</br>- `Function`: 通过委托函数获取。</br>|
+|`selectedSize`|0f||被选中的标记的大小。
+|`dataIndex`|1||当sizeType指定为FromData时，指定的数据源索引。
+|`dataScale`|1||当sizeType指定为FromData时，指定的倍数系数。
+|`selectedDataScale`|1.5f||当sizeType指定为FromData时，指定的高亮倍数系数。
+|`sizeFunction`|||当sizeType指定为Function时，指定的委托函数。
+|`selectedSizeFunction`|||当sizeType指定为Function时，指定的高亮委托函数。
+|`startIndex`|||开始显示图形标记的索引。
+|`interval`|||显示图形标记的间隔。0表示显示所有标签，1表示隔一个隔显示一个标签，以此类推。
+|`forceShowLast`|false||是否强制显示最后一个图形标记。
+|`repeat`|false||图形是否重复。
 
 ## `SerieTheme`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `lineWidth` | | 文本颜色。 |
-| `lineSymbolSize` | |  |
-| `scatterSymbolSize` | |  |
-| `pieTooltipExtraRadius` | | 饼图鼠标移到高亮时的额外半径 |
-| `selectedRate` |1.3f |  |
-| `pieSelectedOffset` | | 饼图选中时的中心点偏移 |
-| `candlestickColor` |Color32(235, 84, 84, 255) | K线图阳线（涨）填充色 |
-| `candlestickColor0` |Color32(71, 178, 98, 255) | K线图阴线（跌）填充色 |
-| `candlestickBorderWidth` |1 | K线图边框宽度 |
-| `candlestickBorderColor` |Color32(235, 84, 84, 255) | K线图阳线（跌）边框色 |
-| `candlestickBorderColor0` |Color32(71, 178, 98, 255) | K线图阴线（跌）边框色 |
+|field|default|since|comment|
+|--|--|--|--|
+|`lineWidth`|||文本颜色。
+|`lineSymbolSize`|||折线图的Symbol大小。
+|`scatterSymbolSize`|||散点图的Symbol大小。
+|`pieTooltipExtraRadius`|||饼图鼠标移到高亮时的额外半径
+|`selectedRate`|1.3f||折线图或散点图在被选中时的放大倍数。
+|`pieSelectedOffset`|||饼图选中时的中心点偏移。
+|`candlestickColor`|Color32(235, 84, 84, 255)||K线图阳线（涨）填充色
+|`candlestickColor0`|Color32(71, 178, 98, 255)||K线图阴线（跌）填充色
+|`candlestickBorderWidth`|1||K线图边框宽度
+|`candlestickBorderColor`|Color32(235, 84, 84, 255)||K线图阳线（跌）边框色
+|`candlestickBorderColor0`|Color32(71, 178, 98, 255)||K线图阴线（跌）边框色
 
 ## `Settings`
 
@@ -1147,20 +1165,22 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 全局参数设置组件。一般情况下可使用默认值，当有需要时可进行调整。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true |  |
-| `maxPainter` |10 | 设定的painter数量。 |
-| `reversePainter` |false | Painter是否逆序。逆序时index大的serie最先绘制。 |
-| `basePainterMaterial` | | Base Pointer 材质球，设置后会影响Axis等。 |
-| `seriePainterMaterial` | | Serie Pointer 材质球，设置后会影响所有Serie。 |
-| `topPainterMaterial` | | Top Pointer 材质球，设置后会影响Tooltip等。 |
-| `lineSmoothStyle` |3f | 曲线平滑系数。通过调整平滑系数可以改变曲线的曲率，得到外观稍微有变化的不同曲线。 |
-| `lineSmoothness` |2f | When the area with gradient is filled, the larger the value, the worse the transition effect. |
-| `lineSegmentDistance` |3f | 线段的分割距离。普通折线图的线是由很多线段组成，段数由该数值决定。值越小段数越多，但顶点数也会随之增加。当开启有渐变的区域填充时，数值越大渐变过渡效果越差。 |
-| `cicleSmoothness` |2f | 圆形的平滑度。数越小圆越平滑，但顶点数也会随之增加。 |
-| `legendIconLineWidth` |2 | Line类型图例图标的线条宽度。 |
-| `legendIconCornerRadius` | | 图例圆角半径。用数组分别指定4个圆角半径（顺时针左上，右上，右下，左下）。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||
+|`maxPainter`|10||设定的painter数量。
+|`reversePainter`|false||Painter是否逆序。逆序时index大的serie最先绘制。
+|`basePainterMaterial`|||Base Pointer 材质球，设置后会影响Axis等。
+|`seriePainterMaterial`|||Serie Pointer 材质球，设置后会影响所有Serie。
+|`upperPainterMaterial`|||Upper Pointer 材质球。
+|`topPainterMaterial`|||Top Pointer 材质球。
+|`lineSmoothStyle`|2.5f||曲线平滑系数。通过调整平滑系数可以改变曲线的曲率，得到外观稍微有变化的不同曲线。
+|`lineSmoothness`|2f||When the area with gradient is filled, the larger the value, the worse the transition effect.
+|`lineSegmentDistance`|3f||线段的分割距离。普通折线图的线是由很多线段组成，段数由该数值决定。值越小段数越多，但顶点数也会随之增加。当开启有渐变的区域填充时，数值越大渐变过渡效果越差。
+|`cicleSmoothness`|2f||圆形的平滑度。数越小圆越平滑，但顶点数也会随之增加。
+|`legendIconLineWidth`|2||Line类型图例图标的线条宽度。
+|`legendIconCornerRadius`|||图例圆角半径。用数组分别指定4个圆角半径（顺时针左上，右上，右下，左下）。
+|`axisMaxSplitNumber`|50|v3.1.0|坐标轴最大分隔段数。段数过大时可能会生成较多的label节点。
 
 ## `SimplifiedBar`
 
@@ -1183,15 +1203,15 @@ Inherits or Implemented: [Axis](#Axis),[IUpdateRuntimeData](#IUpdateRuntimeData)
 
 单轴。
 
-|field|default|comment|
-|--|--|--|
-| `orient` | | 坐标轴朝向。默认为水平朝向。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `left` |0.1f | 组件离容器左侧的距离。 |
-| `right` |0.1f | 组件离容器右侧的距离。 |
-| `top` |0f | 组件离容器上侧的距离。 |
-| `bottom` |0.2f | 组件离容器下侧的距离。 |
-| `width` |0 | 坐标轴宽。 |
-| `height` |50 | 坐标轴高。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`orient`|||坐标轴朝向。默认为水平朝向。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`left`|0.1f||组件离容器左侧的距离。
+|`right`|0.1f||组件离容器右侧的距离。
+|`top`|0f||组件离容器上侧的距离。
+|`bottom`|0.2f||组件离容器下侧的距离。
+|`width`|0||坐标轴宽。
+|`height`|50||坐标轴高。
 
 ## `SingleAxisCoord`
 
@@ -1202,10 +1222,10 @@ Inherits or Implemented: [CoordSystem](#CoordSystem)
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `percent` | | 结束位置百分比。 |
-| `color` | | 颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`percent`|||结束位置百分比。
+|`color`|||颜色。
 
 ## `SubTitleTheme`
 
@@ -1218,18 +1238,18 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 系列数据项的标记的图形
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示标记。 |
-| `type` | | 标记类型。</br>`SymbolType`:</br>- `None`: 不显示标记。</br>- `Custom`: 自定义标记。</br>- `Circle`: 圆形。</br>- `EmptyCircle`: 空心圆。</br>- `Rect`: 正方形。可通过设置`itemStyle`的`cornerRadius`变成圆角矩形。</br>- `EmptyRect`: 空心正方形。</br>- `Triangle`: 三角形。</br>- `EmptyTriangle`: 空心三角形。</br>- `Diamond`: 菱形。</br>- `EmptyDiamond`: 空心菱形。</br>- `Arrow`: 箭头。</br>- `EmptyArrow`: 空心箭头。</br>|
-| `size` |0f | 标记的大小。 |
-| `gap` |0 | 图形标记和线条的间隙距离。 |
-| `width` |0f | 图形的宽。 |
-| `height` |0f | 图形的高。 |
-| `offset` |Vector2.zero | 图形的偏移。 |
-| `image` | | 自定义的标记图形。 |
-| `imageType` | | 图形填充类型。 |
-| `color` | | 图形的颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示标记。
+|`type`|||标记类型。</br>`SymbolType`:</br>- `None`: 不显示标记。</br>- `Custom`: 自定义标记。</br>- `Circle`: 圆形。</br>- `EmptyCircle`: 空心圆。</br>- `Rect`: 正方形。可通过设置`itemStyle`的`cornerRadius`变成圆角矩形。</br>- `EmptyRect`: 空心正方形。</br>- `Triangle`: 三角形。</br>- `EmptyTriangle`: 空心三角形。</br>- `Diamond`: 菱形。</br>- `EmptyDiamond`: 空心菱形。</br>- `Arrow`: 箭头。</br>- `EmptyArrow`: 空心箭头。</br>|
+|`size`|0f||标记的大小。
+|`gap`|0||图形标记和线条的间隙距离。
+|`width`|0f||图形的宽。
+|`height`|0f||图形的高。
+|`offset`|Vector2.zero||图形的偏移。
+|`image`|||自定义的标记图形。
+|`imageType`|||图形填充类型。
+|`color`|||图形的颜色。
 
 ## `TextLimit`
 
@@ -1237,26 +1257,19 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 文本字符限制和自适应。当文本长度超过设定的长度时进行裁剪，并将后缀附加在最后。 只在类目轴中有效。
 
-|field|default|comment|
-|--|--|--|
-| `enable` |false | 是否启用文本自适应。 [default:true] |
-| `maxWidth` |0 | Clipping occurs when the width of the text is greater than this value. |
-| `gap` |1 | 两边留白像素距离。 [default:10f] |
-| `suffix` | | 长度超出时的后缀。 [default: "..."] |
+|field|default|since|comment|
+|--|--|--|--|
+|`enable`|false||是否启用文本自适应。 [default:true]
+|`maxWidth`|0||Clipping occurs when the width of the text is greater than this value.
+|`gap`|1||两边留白像素距离。 [default:10f]
+|`suffix`|||长度超出时的后缀。 [default: "..."]
 
 ## `TextPadding`
 
-Inherits or Implemented: [ChildComponent](#ChildComponent)
+Inherits or Implemented: [Padding](#Padding)
 
 文本的内边距设置。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | show padding. 是否显示。 |
-| `top` |2 | 顶部间距。 |
-| `right` |4 | 右部间距。 |
-| `left` |4 | 左边间距。 |
-| `bottom` |2 | 底部间距。 |
 
 ## `TextStyle`
 
@@ -1264,22 +1277,23 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 文本的相关设置。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 文本的相关设置。 |
-| `font` | | 文本字体。 [default: null] |
-| `autoWrap` |false | 是否自动换行。 |
-| `autoAlign` |true | 文本是否让系统自动选对齐方式。为false时才会用alignment。 |
-| `rotate` |0 | 文本的旋转。 [default: `0f`] |
-| `autoColor` |false | 是否开启自动颜色。当开启时，会自动设置颜色。 |
-| `color` | | 文本的颜色。 [default: `Color.clear`] |
-| `fontSize` |0 | 文本字体大小。 [default: 18] |
-| `fontStyle` | | 文本字体的风格。 [default: FontStyle.Normal] |
-| `lineSpacing` |1f | 行间距。 [default: 1f] |
-| `alignment` | | 对齐方式。 |
-| `tMPFont` | | TextMeshPro字体。 |
-| `tMPFontStyle` | |  |
-| `tMPAlignment` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||文本的相关设置。
+|`font`|||文本字体。 [default: null]
+|`autoWrap`|false||是否自动换行。
+|`autoAlign`|true||文本是否让系统自动选对齐方式。为false时才会用alignment。
+|`rotate`|0||文本的旋转。 [default: `0f`]
+|`autoColor`|false||是否开启自动颜色。当开启时，会自动设置颜色。
+|`color`|||文本的颜色。 [default: `Color.clear`]
+|`fontSize`|0||文本字体大小。 [default: 18]
+|`fontStyle`|||文本字体的风格。 [default: FontStyle.Normal]
+|`lineSpacing`|1f||行间距。 [default: 1f]
+|`alignment`|||对齐方式。
+|`tMPFont`|||TextMeshPro字体。
+|`tMPFontStyle`|||
+|`tMPAlignment`|||
+|`tMPSpriteAsset`||v3.1.0|
 
 ## `Theme`
 
@@ -1287,24 +1301,24 @@ Inherits or Implemented: [ScriptableObject](#ScriptableObject)
 
 主题相关配置。
 
-|field|default|comment|
-|--|--|--|
-| `themeType` | | 主题类型。</br>`ThemeType`:</br>- `Default`: 默认主题。</br>- `Light`: 亮主题。</br>- `Dark`: 暗主题。</br>- `Custom`: 自定义主题。</br>|
-| `themeName` | | 主题名称。 |
-| `font` | | 主题字体。 |
-| `tMPFont` | | 主题字体。 |
-| `contrastColor` | | 对比色。 |
-| `backgroundColor` | | 背景颜色。 |
-| `colorPalette` | | 调色盘颜色列表。如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色。 |
-| `common` | |  [ComponentTheme](ComponentTheme)|
-| `title` | |  [TitleTheme](TitleTheme)|
-| `subTitle` | |  [SubTitleTheme](SubTitleTheme)|
-| `legend` | |  [LegendTheme](LegendTheme)|
-| `axis` | |  [AxisTheme](AxisTheme)|
-| `tooltip` | |  [TooltipTheme](TooltipTheme)|
-| `dataZoom` | |  [DataZoomTheme](DataZoomTheme)|
-| `visualMap` | |  [VisualMapTheme](VisualMapTheme)|
-| `serie` | |  [SerieTheme](SerieTheme)|
+|field|default|since|comment|
+|--|--|--|--|
+|`themeType`|||主题类型。</br>`ThemeType`:</br>- `Default`: 默认主题。</br>- `Light`: 亮主题。</br>- `Dark`: 暗主题。</br>- `Custom`: 自定义主题。</br>|
+|`themeName`|||主题名称。
+|`font`|||主题字体。
+|`tMPFont`|||主题字体。
+|`contrastColor`|||对比色。
+|`backgroundColor`|||背景颜色。
+|`colorPalette`|||调色盘颜色列表。如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色。
+|`common`||| [ComponentTheme](#ComponentTheme)|
+|`title`||| [TitleTheme](#TitleTheme)|
+|`subTitle`||| [SubTitleTheme](#SubTitleTheme)|
+|`legend`||| [LegendTheme](#LegendTheme)|
+|`axis`||| [AxisTheme](#AxisTheme)|
+|`tooltip`||| [TooltipTheme](#TooltipTheme)|
+|`dataZoom`||| [DataZoomTheme](#DataZoomTheme)|
+|`visualMap`||| [VisualMapTheme](#VisualMapTheme)|
+|`serie`||| [SerieTheme](#SerieTheme)|
 
 ## `ThemeStyle`
 
@@ -1312,15 +1326,15 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 
 主题相关配置。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true |  |
-| `sharedTheme` | |  [Theme](Theme)|
-| `transparentBackground` |false | Whether the background color is transparent. When true, the background color is not drawn. ｜是否透明背景颜色。当设置为true时，不绘制背景颜色。 |
-| `enableCustomTheme` |false | 是否自定义主题颜色。当设置为true时，可以用‘sync color to custom’同步主题的颜色到自定义颜色。也可以手动设置。 |
-| `customFont` | |  |
-| `customBackgroundColor` | | 自定义的背景颜色。 |
-| `customColorPalette` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||
+|`sharedTheme`|||主题配置。 [Theme](#Theme)|
+|`transparentBackground`|false||是否透明背景颜色。当设置为true时，不绘制背景颜色。
+|`enableCustomTheme`|false||是否自定义主题颜色。当设置为true时，可以用‘sync color to custom’同步主题的颜色到自定义颜色。也可以手动设置。
+|`customFont`|||
+|`customBackgroundColor`|||自定义的背景颜色。
+|`customColorPalette`|||
 
 ## `Title`
 
@@ -1328,15 +1342,15 @@ Inherits or Implemented: [MainComponent](#MainComponent),[IPropertyChanged](#IPr
 
 标题组件，包含主标题和副标题。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示标题组件。 |
-| `text` | | 主标题文本，支持使用 \n 换行。 |
-| `subText` | | 副标题文本，支持使用 \n 换行。 |
-| `labelStyle` | | 主标题文本样式。 [LabelStyle](LabelStyle)|
-| `subLabelStyle` | | 副标题文本样式。 [LabelStyle](LabelStyle)|
-| `itemGap` |0 | 主副标题之间的间距。 |
-| `location` | | 标题显示位置。 [Location](Location)|
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示标题组件。
+|`text`|||主标题文本，支持使用 \n 换行。
+|`subText`|||副标题文本，支持使用 \n 换行。
+|`labelStyle`|||主标题文本样式。 [LabelStyle](#LabelStyle)|
+|`subLabelStyle`|||副标题文本样式。 [LabelStyle](#LabelStyle)|
+|`itemGap`|0||主副标题之间的间距。
+|`location`|||标题显示位置。 [Location](#Location)|
 
 ## `TitleStyle`
 
@@ -1356,54 +1370,54 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 提示框组件。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示提示框组件。 |
-| `type` | | 提示框指示器类型。</br>`Painter.Type`:</br>- `Base`: </br>- `Serie`: </br>- `Top`: </br>|
-| `trigger` | | 触发类型。</br>`Tooltip.Trigger`:</br>- `Item`: 数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</br>- `Axis`: 坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</br>- `None`: 什么都不触发。</br>|
-| `itemFormatter` | | 提示框单个serie或数据项内容的字符串模版格式器。支持用 \n 换行。 模板变量有{.}、{a}、{b}、{c}、{d}、{e}。</br> {.}为当前所指示或index为0的serie的对应颜色的圆点。</br> {a}为当前所指示或index为0的serie的系列名name。</br> {b}为当前所指示或index为0的serie的数据项serieData的name，或者类目值（如折线图的X轴）。</br> {c}为当前所指示或index为0的serie的y维（dimesion为1）的数值。</br> {d}为当前所指示或index为0的serie的y维（dimesion为1）百分比值，注意不带%号。</br> {e}为当前所指示或index为0的serie的数据项serieData的name。</br> {f}为数据总和。</br> {.1}表示指定index为1的serie对应颜色的圆点。</br> {a1}、{b1}、{c1}中的1表示指定index为1的serie。</br> {c1:2}表示索引为1的serie的当前指示数据项的第3个数据（一个数据项有多个数据，index为2表示第3个数据）。</br> {c1:2-2}表示索引为1的serie的第3个数据项的第3个数据（也就是要指定第几个数据项时必须要指定第几个数据）。</br> {d1:2:f2}表示单独指定了数值的格式化字符串为f2（不指定时用numericFormatter）。</br> {d:0.##} 表示单独指定了数值的格式化字符串为 0.## （用于百分比，保留2位有效数同时又能避免使用 f2 而出现的类似于"100.00%"的情况 ）。</br> 示例："{a}:{c}"、"{a1}:{c1:f1}"、"{a1}:{c1:0:f1}"、"{a1}:{c1:1-1:f1}" |
-| `titleFormatter` | | 提示框标题内容的字符串模版格式器。支持用 \n 换行。可以单独设置占位符{i}表示忽略不显示title。 模板变量参考Toolip的itemFormatter。 |
-| `marker` | | serie的符号标志。 |
-| `fixedWidth` |0 | 固定宽度。比 minWidth 优先。 |
-| `fixedHeight` |0 | 固定高度。比 minHeight 优先。 |
-| `minWidth` |0 | 最小宽度。如若 fixedWidth 设有值，优先取 fixedWidth。 |
-| `minHeight` |0 | 最小高度。如若 fixedHeight 设有值，优先取 fixedHeight。 |
-| `numericFormatter` | | 标准数字格式字符串。用于将数值格式化显示为字符串。 使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。 参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings |
-| `paddingLeftRight` |10 | 左右边距。 |
-| `paddingTopBottom` |10 | 上下边距。 |
-| `ignoreDataShow` |false | 是否显示忽略数据在tooltip上。 |
-| `ignoreDataDefaultContent` | | 被忽略数据的默认显示字符信息。 |
-| `showContent` |true | 是否显示提示框浮层，默认显示。只需tooltip触发事件或显示axisPointer而不需要显示内容时可配置该项为false。 |
-| `alwayShowContent` |false | 是否触发后一直显示提示框浮层。 |
-| `offset` |Vector2(18f, -25f) | 提示框相对于鼠标位置的偏移。 |
-| `backgroundImage` | | 提示框的背景图片。 |
-| `backgroundType` | | 提示框的背景图片显示类型。 |
-| `backgroundColor` | | 提示框的背景颜色。 |
-| `borderWidth` |2f | 边框线宽。 |
-| `fixedXEnable` |false | 是否固定X位置。 |
-| `fixedX` |0f | 固定X位置的坐标。 |
-| `fixedYEnable` |false | 是否固定Y位置。 |
-| `fixedY` |0f | 固定Y位置的坐标。 |
-| `titleHeight` |25f | 标题文本的高。 |
-| `itemHeight` |25f | 数据项文本的高。 |
-| `borderColor` |Color32(230, 230, 230, 255) | 边框颜色。 |
-| `lineStyle` | | 指示线样式。 [LineStyle](LineStyle)|
-| `indicatorLabelStyle` | | 提示框的坐标轴指示器文本的样式。 [LabelStyle](LabelStyle)|
-| `titleLabelStyle` | | 标题的文本样式。 [LabelStyle](LabelStyle)|
-| `contentLabelStyles` | | 内容部分的文本样式列表。和列一一对应。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||是否显示提示框组件。
+|`type`|||提示框指示器类型。</br>`Tooltip.Type`:</br>- `Line`: 直线指示器</br>- `Shadow`: 阴影指示器</br>- `None`: 无指示器</br>- `Corss`: 十字准星指示器。坐标轴显示Label和交叉线。</br>|
+|`trigger`|||触发类型。</br>`Tooltip.Trigger`:</br>- `Item`: 数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</br>- `Axis`: 坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</br>- `None`: 什么都不触发。</br>|
+|`itemFormatter`|||提示框单个serie或数据项内容的字符串模版格式器。支持用 \n 换行。用
+|`titleFormatter`|||提示框标题内容的字符串模版格式器。支持用 \n 换行。可以单独设置占位符{i}表示忽略不显示title。 模板变量有{.}、{a}、{b}、{c}、{d}、{e}、{f}、{g}。</br> {.}为当前所指示或index为0的serie的对应颜色的圆点。</br> {a}为当前所指示或index为0的serie的系列名name。</br> {b}为当前所指示或index为0的serie的数据项serieData的name，或者类目值（如折线图的X轴）。</br> {c}为当前所指示或index为0的serie的y维（dimesion为1）的数值。</br> {d}为当前所指示或index为0的serie的y维（dimesion为1）百分比值，注意不带%号。</br> {e}为当前所指示或index为0的serie的数据项serieData的name。</br> {f}为数据总和。</br> {g}为数据总个数。</br> {.1}表示指定index为1的serie对应颜色的圆点。</br> {a1}、{b1}、{c1}中的1表示指定index为1的serie。</br> {c1:2}表示索引为1的serie的当前指示数据项的第3个数据（一个数据项有多个数据，index为2表示第3个数据）。</br> {c1:2-2}表示索引为1的serie的第3个数据项的第3个数据（也就是要指定第几个数据项时必须要指定第几个数据）。</br> {d1:2:f2}表示单独指定了数值的格式化字符串为f2（不指定时用numericFormatter）。</br> {d:0.##} 表示单独指定了数值的格式化字符串为 0.## （用于百分比，保留2位有效数同时又能避免使用 f2 而出现的类似于"100.00%"的情况 ）。</br> 示例："{a}:{c}"、"{a1}:{c1:f1}"、"{a1}:{c1:0:f1}"、"{a1}:{c1:1-1:f1}"
+|`marker`|||serie的符号标志。
+|`fixedWidth`|0||固定宽度。比 minWidth 优先。
+|`fixedHeight`|0||固定高度。比 minHeight 优先。
+|`minWidth`|0||最小宽度。如若 fixedWidth 设有值，优先取 fixedWidth。
+|`minHeight`|0||最小高度。如若 fixedHeight 设有值，优先取 fixedHeight。
+|`numericFormatter`|||标准数字格式字符串。用于将数值格式化显示为字符串。 使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。 参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings
+|`paddingLeftRight`|10||左右边距。
+|`paddingTopBottom`|10||上下边距。
+|`ignoreDataShow`|false||是否显示忽略数据在tooltip上。
+|`ignoreDataDefaultContent`|||被忽略数据的默认显示字符信息。
+|`showContent`|true||是否显示提示框浮层，默认显示。只需tooltip触发事件或显示axisPointer而不需要显示内容时可配置该项为false。
+|`alwayShowContent`|false||是否触发后一直显示提示框浮层。
+|`offset`|Vector2(18f, -25f)||提示框相对于鼠标位置的偏移。
+|`backgroundImage`|||提示框的背景图片。
+|`backgroundType`|||提示框的背景图片显示类型。
+|`backgroundColor`|||提示框的背景颜色。
+|`borderWidth`|2f||边框线宽。
+|`fixedXEnable`|false||是否固定X位置。
+|`fixedX`|0f||固定X位置的坐标。
+|`fixedYEnable`|false||是否固定Y位置。
+|`fixedY`|0f||固定Y位置的坐标。
+|`titleHeight`|25f||标题文本的高。
+|`itemHeight`|25f||数据项文本的高。
+|`borderColor`|Color32(230, 230, 230, 255)||边框颜色。
+|`lineStyle`|||指示线样式。 [LineStyle](#LineStyle)|
+|`indicatorLabelStyle`|||提示框的坐标轴指示器文本的样式。 [LabelStyle](#LabelStyle)|
+|`titleLabelStyle`|||标题的文本样式。 [LabelStyle](#LabelStyle)|
+|`contentLabelStyles`|||内容部分的文本样式列表。和列一一对应。
 
 ## `TooltipTheme`
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `lineType` | | 坐标轴线类型。 |
-| `lineWidth` |1f | 指示线线宽。 |
-| `lineColor` | | 指示线颜色。 |
-| `areaColor` | | 区域指示的颜色。 |
-| `labelTextColor` | | 十字指示器坐标轴标签的文本颜色。 |
-| `labelBackgroundColor` | | 十字指示器坐标轴标签的背景颜色。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`lineType`|||坐标轴线类型。</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`lineWidth`|1f||指示线线宽。
+|`lineColor`|||指示线颜色。
+|`areaColor`|||区域指示的颜色。
+|`labelTextColor`|||十字指示器坐标轴标签的文本颜色。
+|`labelBackgroundColor`|||十字指示器坐标轴标签的背景颜色。
 
 ## `VisualMap`
 
@@ -1411,56 +1425,56 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 
 视觉映射组件。用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道）。
 
-|field|default|comment|
-|--|--|--|
-| `show` |true | 组件是否生效。 |
-| `showUI` |false | 是否显示组件。如果设置为 false，不会显示，但是数据映射的功能还存在。 |
-| `type` | | 组件类型。</br>`Painter.Type`:</br>- `Base`: </br>- `Serie`: </br>- `Top`: </br>|
-| `selectedMode` | | 选择模式。</br>`VisualMap.SelectedMode`:</br>- `Multiple`: 多选。</br>- `Single`: 单选。</br>|
-| `serieIndex` |0 | 影响的serie索引。 |
-| `min` |0 | 范围最小值 |
-| `max` |100 | 范围最大值 |
-| `range` | | 指定手柄对应数值的位置。range 应在[min,max]范围内。 |
-| `text` | | 两端的文本，如 ['High', 'Low']。 |
-| `textGap` | | 两端文字主体之间的距离，单位为px。 |
-| `splitNumber` |5 | 对于连续型数据，自动平均切分成几段，默认为0时自动匹配inRange颜色列表大小。 |
-| `calculable` |false | 是否显示拖拽用的手柄（手柄能拖拽调整选中范围）。 |
-| `realtime` |true | 拖拽时，是否实时更新。 |
-| `itemWidth` |20f | 图形的宽度，即颜色条的宽度。 |
-| `itemHeight` |140f | 图形的高度，即颜色条的高度。 |
-| `itemGap` |10f | 每个图元之间的间隔距离。 |
-| `borderWidth` |0 | 边框线宽，单位px。 |
-| `dimension` |-1 | Starting at 1, the default is 0 to take the last dimension in data. |
-| `hoverLink` |true | Conversely, when the mouse hovers over a graphic element in a diagram, the corresponding value of the visualMap component is triangulated in the corresponding position. |
-| `autoMinMax` |true | Automatically set min, Max value 自动设置min，max的值 |
-| `orient` | | 布局方式是横还是竖。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `location` | | 组件显示的位置。 [Location](Location)|
-| `workOnLine` |true | 组件是否对LineChart的LineStyle有效。 |
-| `workOnArea` |false | 组件是否对LineChart的AreaStyle有效。 |
-| `outOfRange` | | 定义 在选中范围外 的视觉颜色。 |
-| `inRange` | | 分段式每一段的相关配置。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`show`|true||组件是否生效。
+|`showUI`|false||是否显示组件。如果设置为 false，不会显示，但是数据映射的功能还存在。
+|`type`|||组件类型。</br>`VisualMap.Type`:</br>- `Continuous`: 连续型。</br>- `Piecewise`: 分段型。</br>|
+|`selectedMode`|||选择模式。</br>`VisualMap.SelectedMode`:</br>- `Multiple`: 多选。</br>- `Single`: 单选。</br>|
+|`serieIndex`|0||影响的serie索引。
+|`min`|0||范围最小值
+|`max`|100||范围最大值
+|`range`|||指定手柄对应数值的位置。range 应在[min,max]范围内。
+|`text`|||两端的文本，如 ['High', 'Low']。
+|`textGap`|||两端文字主体之间的距离，单位为px。
+|`splitNumber`|5||对于连续型数据，自动平均切分成几段，默认为0时自动匹配inRange颜色列表大小。
+|`calculable`|false||是否显示拖拽用的手柄（手柄能拖拽调整选中范围）。
+|`realtime`|true||拖拽时，是否实时更新。
+|`itemWidth`|20f||图形的宽度，即颜色条的宽度。
+|`itemHeight`|140f||图形的高度，即颜色条的高度。
+|`itemGap`|10f||每个图元之间的间隔距离。
+|`borderWidth`|0||边框线宽，单位px。
+|`dimension`|-1||Starting at 1, the default is 0 to take the last dimension in data.
+|`hoverLink`|true||Conversely, when the mouse hovers over a graphic element in a diagram, the corresponding value of the visualMap component is triangulated in the corresponding position.
+|`autoMinMax`|true||Automatically set min, Max value 自动设置min，max的值
+|`orient`|||布局方式是横还是竖。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
+|`location`|||组件显示的位置。 [Location](#Location)|
+|`workOnLine`|true||组件是否对LineChart的LineStyle有效。
+|`workOnArea`|false||组件是否对LineChart的AreaStyle有效。
+|`outOfRange`|||定义 在选中范围外 的视觉颜色。
+|`inRange`|||分段式每一段的相关配置。
 
 ## `VisualMapRange`
 
 Inherits or Implemented: [ChildComponent](#ChildComponent)
 
-|field|default|comment|
-|--|--|--|
-| `min` | | 范围最小值 |
-| `max` | | 范围最大值 |
-| `label` | | 文字描述 |
-| `color` | | 颜色 |
+|field|default|since|comment|
+|--|--|--|--|
+|`min`|||范围最小值
+|`max`|||范围最大值
+|`label`|||文字描述
+|`color`|||颜色
 
 ## `VisualMapTheme`
 
 Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 
-|field|default|comment|
-|--|--|--|
-| `borderWidth` | | 边框线宽。 |
-| `borderColor` | | 边框颜色。 |
-| `backgroundColor` | | 背景颜色。 |
-| `triangeLen` |20f | 可视化组件的调节三角形边长。 |
+|field|default|since|comment|
+|--|--|--|--|
+|`borderWidth`|||边框线宽。
+|`borderColor`|||边框颜色。
+|`backgroundColor`|||背景颜色。
+|`triangeLen`|20f||可视化组件的调节三角形边长。
 
 ## `XAxis`
 
@@ -1476,45 +1490,45 @@ Inherits or Implemented: [Axis](#Axis)
 
 Inherits or Implemented: [ScriptableObject](#ScriptableObject)
 
-|field|default|comment|
-|--|--|--|
-| `lang` | |  [Lang](Lang)|
-| `font` | |  |
-| `tMPFont` | |  |
-| `fontSizeLv1` |28 | 一级字体大小。 |
-| `fontSizeLv2` |24 |  |
-| `fontSizeLv3` |20 |  |
-| `fontSizeLv4` |18 |  |
-| `axisLineType` | |  |
-| `axisLineWidth` |0.8f |  |
-| `axisSplitLineType` | |  |
-| `axisSplitLineWidth` |0.8f |  |
-| `axisTickWidth` |0.8f |  |
-| `axisTickLength` |5f |  |
-| `gaugeAxisLineWidth` |15f |  |
-| `gaugeAxisSplitLineWidth` |0.8f |  |
-| `gaugeAxisSplitLineLength` |15f |  |
-| `gaugeAxisTickWidth` |0.8f |  |
-| `gaugeAxisTickLength` |5f |  |
-| `tootipLineWidth` |0.8f |  |
-| `dataZoomBorderWidth` |0.5f |  |
-| `dataZoomDataLineWidth` |0.5f |  |
-| `visualMapBorderWidth` |0f |  |
-| `serieLineWidth` |1.8f |  |
-| `serieLineSymbolSize` |5f |  |
-| `serieScatterSymbolSize` |20f |  |
-| `serieSelectedRate` |1.3f |  |
-| `serieCandlestickBorderWidth` |1f |  |
-| `editorShowAllListData` |false |  |
-| `maxPainter` |10 |  |
-| `lineSmoothStyle` |3f |  |
-| `lineSmoothness` |2f |  |
-| `lineSegmentDistance` |3f |  |
-| `cicleSmoothness` |2f |  |
-| `visualMapTriangeLen` |20f |  |
-| `pieTooltipExtraRadius` |8f |  |
-| `pieSelectedOffset` |8f |  |
-| `customThemes` | |  |
+|field|default|since|comment|
+|--|--|--|--|
+|`lang`||| [Lang](#Lang)|
+|`font`|||
+|`tMPFont`|||
+|`fontSizeLv1`|28||一级字体大小。
+|`fontSizeLv2`|24||
+|`fontSizeLv3`|20||
+|`fontSizeLv4`|18||
+|`axisLineType`|||</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`axisLineWidth`|0.8f||
+|`axisSplitLineType`|||</br>`LineStyle.Type`:</br>- `Solid`: 实线</br>- `Dashed`: 虚线</br>- `Dotted`: 点线</br>- `DashDot`: 点划线</br>- `DashDotDot`: 双点划线</br>- `None`: 双点划线</br>|
+|`axisSplitLineWidth`|0.8f||
+|`axisTickWidth`|0.8f||
+|`axisTickLength`|5f||
+|`gaugeAxisLineWidth`|15f||
+|`gaugeAxisSplitLineWidth`|0.8f||
+|`gaugeAxisSplitLineLength`|15f||
+|`gaugeAxisTickWidth`|0.8f||
+|`gaugeAxisTickLength`|5f||
+|`tootipLineWidth`|0.8f||
+|`dataZoomBorderWidth`|0.5f||
+|`dataZoomDataLineWidth`|0.5f||
+|`visualMapBorderWidth`|0f||
+|`serieLineWidth`|1.8f||
+|`serieLineSymbolSize`|5f||
+|`serieScatterSymbolSize`|20f||
+|`serieSelectedRate`|1.3f||
+|`serieCandlestickBorderWidth`|1f||
+|`editorShowAllListData`|false||
+|`maxPainter`|10||
+|`lineSmoothStyle`|3f||
+|`lineSmoothness`|2f||
+|`lineSegmentDistance`|3f||
+|`cicleSmoothness`|2f||
+|`visualMapTriangeLen`|20f||
+|`pieTooltipExtraRadius`|8f||
+|`pieSelectedOffset`|8f||
+|`customThemes`|||
 
 ## `YAxis`
 
diff --git a/Documentation/XChartsFAQ-ZH.md b/Documentation/XChartsFAQ-ZH.md
index f9d051c0..532f3811 100644
--- a/Documentation/XChartsFAQ-ZH.md
+++ b/Documentation/XChartsFAQ-ZH.md
@@ -32,6 +32,9 @@
 [QA 26：如何使用背景组件？有什么条件限制？](#如何使用背景组件_有什么条件限制)  
 [QA 27：Mesh can not have more than 65000 vertices?](#Mesh_cannot_have_more_than_65000_vertices)  
 [QA 28：为什么serie里设置的参数运行后又被重置了?](#为什么serie里设置的参数运行后又被重置了)  
+[QA 29：如何修改Serie的Symbol的颜色?](#如何修改Serie的Symbol的颜色)  
+[QA 30：导入或更新XCharts时TMP报错怎么办?](#导入或更新XCharts时TMP报错怎么办)  
+[QA 31：支持空数据吗？如何实现折线图断开的效果?](#支持空数据吗_如何实现折线图断开的效果)  
 
 ## 如何调整坐标轴与背景的边距
 
@@ -67,7 +70,7 @@
 
 ## 如何调整图表的对齐方式
 
-答：默认为左下角对齐，暂不支持调整。可以通过包一层parent来辅助控制。（最新版本`1.5.0`及以上已支持任意锚点，可和做UI一样任意调整对其方式）。
+答：调整RectTransform的锚点，和UGUI的其他组件的用法一致。
 
 ## 可以显示超过1000以上的大数据吗
 
@@ -87,7 +90,7 @@
 
 ## 如何在数据项顶上显示文本
 
-答：通过设置`Serie`下的`Label`。
+答：通过设置`Serie`下的`Label`。3.0版本需要先添加`LabelStyle`组件。
 
 ## 如何给数据项自定义图标
 
@@ -123,7 +126,7 @@
 
 ## 如何做成预设
 
-答：请删除chart下所有的子组件再拖成预设。
+答：做成prefab前，执行一下`Rebuild Chart Object`重新刷新节点，避免有冗余的节点存在。
 
 ## 如何在图表上画点画线等自定义内容
 
@@ -149,6 +152,21 @@
 
 答：检测下代码里是否调用了`RemoveData()`并重新添加`Serie`了。如果想保留`Serie`的配置可以只`ClearData()`，然后重新添加数据。
 
+## 如何修改Serie的Symbol的颜色
+
+答：`Symbol` 的颜色是使用的 `ItemStyle` 的 `color`。
+
+## 导入或更新XCharts时TMP报错怎么办
+
+答：XCharts默认时不开启TMP，所以asmdef上没有TMP的引用。当本地开启TMP后再更新XCharts可能会出现这个问题。可通过以下两种方式解决：
+
+1. 找到`XCharts.Runtime.asmdef`和`XCharts.Editor.asmdef`，手动加上 `TextMeshPro`的引用
+2. 移除`PlayerSetting`中`Scripting Define Symbols`的`dUI_TextMeshPro`宏
+
+## 支持空数据吗_如何实现折线图断开的效果
+
+答：`Serie`的`data`是`double`类型，所以无法表示空数据。可通过开启`Serie`的`ignore`和指定`ignoreValue`来达到空数据的效果。也可以每个`SerieData`设置`ignore`参数。忽略数据后断开还是连接可设置`ignoreLineBreak`参数。
+
 [XCharts主页](https://github.com/XCharts-Team/XCharts)  
 [XChartsAPI](XChartsAPI-ZH.md)  
 [XCharts配置项手册](XChartsConfiguration-ZH.md)
diff --git a/Documentation/XChartsTutorial01-ZH.md b/Documentation/XChartsTutorial01-ZH.md
index 216e3e89..4adb80a2 100644
--- a/Documentation/XChartsTutorial01-ZH.md
+++ b/Documentation/XChartsTutorial01-ZH.md
@@ -172,6 +172,7 @@ XCharts内部有自动刷新机制，但也是在一定条件下。如果自己
 
 1. `chart.RefreshAllComponent()`：刷新图表组件，会重新初始化所有组件，不建议频繁待用。
 2. `chart.RefreshChart()`：刷新图表绘制，只刷新绘制部分，不会刷新组件文本，位置等部分。
+3. 各个组件也可以通过`SetAllDirty()`只刷新自己。
 
 ## 使用TextMeshPro
 
diff --git a/Documentation/res/xcharts3.0.png b/Documentation/res/xcharts3.0.png
new file mode 100644
index 00000000..77b7aecf
Binary files /dev/null and b/Documentation/res/xcharts3.0.png differ
diff --git a/Documentation/res/xcharts3.0.png.meta b/Documentation/res/xcharts3.0.png.meta
new file mode 100644
index 00000000..0fdb2fec
--- /dev/null
+++ b/Documentation/res/xcharts3.0.png.meta
@@ -0,0 +1,76 @@
+fileFormatVersion: 2
+guid: d824662da0d024d1f95c8d10c870e3ca
+TextureImporter:
+  fileIDToRecycleName: {}
+  externalObjects: {}
+  serializedVersion: 4
+  mipmaps:
+    mipMapMode: 0
+    enableMipMap: 1
+    sRGBTexture: 1
+    linearTexture: 0
+    fadeOut: 0
+    borderMipMap: 0
+    mipMapsPreserveCoverage: 0
+    alphaTestReferenceValue: 0.5
+    mipMapFadeDistanceStart: 1
+    mipMapFadeDistanceEnd: 3
+  bumpmap:
+    convertToNormalMap: 0
+    externalNormalMap: 0
+    heightScale: 0.25
+    normalMapFilter: 0
+  isReadable: 0
+  grayScaleToAlpha: 0
+  generateCubemap: 6
+  cubemapConvolution: 0
+  seamlessCubemap: 0
+  textureFormat: 1
+  maxTextureSize: 2048
+  textureSettings:
+    serializedVersion: 2
+    filterMode: -1
+    aniso: -1
+    mipBias: -1
+    wrapU: -1
+    wrapV: -1
+    wrapW: -1
+  nPOTScale: 1
+  lightmap: 0
+  compressionQuality: 50
+  spriteMode: 0
+  spriteExtrude: 1
+  spriteMeshType: 1
+  alignment: 0
+  spritePivot: {x: 0.5, y: 0.5}
+  spritePixelsToUnits: 100
+  spriteBorder: {x: 0, y: 0, z: 0, w: 0}
+  spriteGenerateFallbackPhysicsShape: 1
+  alphaUsage: 1
+  alphaIsTransparency: 0
+  spriteTessellationDetail: -1
+  textureType: 0
+  textureShape: 1
+  maxTextureSizeSet: 0
+  compressionQualitySet: 0
+  textureFormatSet: 0
+  platformSettings:
+  - buildTarget: DefaultTexturePlatform
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    androidETC2FallbackOverride: 0
+  spriteSheet:
+    serializedVersion: 2
+    sprites: []
+    outline: []
+    physicsShape: []
+  spritePackingTag: 
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Editor/ChildComponents/SettingsDrawer.cs b/Editor/ChildComponents/SettingsDrawer.cs
index ac798997..4a7cab97 100644
--- a/Editor/ChildComponents/SettingsDrawer.cs
+++ b/Editor/ChildComponents/SettingsDrawer.cs
@@ -22,11 +22,13 @@ namespace XCharts.Editor
                 PropertyField(prop, "m_MaxPainter");
                 PropertyField(prop, "m_BasePainterMaterial");
                 PropertyField(prop, "m_SeriePainterMaterial");
+                PropertyField(prop, "m_UpperPainterMaterial");
                 PropertyField(prop, "m_TopPainterMaterial");
                 PropertyField(prop, "m_LineSmoothStyle");
                 PropertyField(prop, "m_LineSmoothness");
                 PropertyField(prop, "m_LineSegmentDistance");
                 PropertyField(prop, "m_CicleSmoothness");
+                PropertyField(prop, "m_AxisMaxSplitNumber");
                 PropertyField(prop, "m_LegendIconLineWidth");
                 PropertyListField(prop, "m_LegendIconCornerRadius", true);
                 --EditorGUI.indentLevel;
diff --git a/Editor/ChildComponents/TextPaddingDrawer.cs b/Editor/ChildComponents/TextPaddingDrawer.cs
index 608605d5..0aa6c9f8 100644
--- a/Editor/ChildComponents/TextPaddingDrawer.cs
+++ b/Editor/ChildComponents/TextPaddingDrawer.cs
@@ -4,8 +4,8 @@ using XCharts.Runtime;
 
 namespace XCharts.Editor
 {
-    [CustomPropertyDrawer(typeof(TextPadding), true)]
-    public class TextPaddingDrawer : BasePropertyDrawer
+    [CustomPropertyDrawer(typeof(Padding), true)]
+    public class PaddingDrawer : BasePropertyDrawer
     {
         public override string ClassName { get { return "Padding"; } }
         public override void OnGUI(Rect pos, SerializedProperty prop, GUIContent label)
@@ -22,4 +22,9 @@ namespace XCharts.Editor
             }
         }
     }
+
+    [CustomPropertyDrawer(typeof(TextPadding), true)]
+    public class TextPaddingDrawer : PaddingDrawer
+    {
+    }
 }
\ No newline at end of file
diff --git a/Editor/ChildComponents/TextStyleDrawer.cs b/Editor/ChildComponents/TextStyleDrawer.cs
index edaf6d0e..70f44b6f 100644
--- a/Editor/ChildComponents/TextStyleDrawer.cs
+++ b/Editor/ChildComponents/TextStyleDrawer.cs
@@ -29,6 +29,7 @@ namespace XCharts.Editor
                 PropertyField(prop, "m_LineSpacing");
 #if dUI_TextMeshPro
                 PropertyField(prop, "m_TMPFontStyle");
+                PropertyField(prop, "m_TMPSpriteAsset");
                 PropertyField(prop, "m_TMPAlignment");
 #else
                 PropertyField(prop, "m_FontStyle");
diff --git a/Editor/MainComponents/AxisEditor.cs b/Editor/MainComponents/AxisEditor.cs
index 652d0d39..47868ac1 100644
--- a/Editor/MainComponents/AxisEditor.cs
+++ b/Editor/MainComponents/AxisEditor.cs
@@ -181,6 +181,7 @@ namespace XCharts.Editor
             {
                 ++EditorGUI.indentLevel;
                 PropertyField(prop, "m_Name");
+                PropertyField(prop, "m_OnZero");
                 PropertyField(prop, "m_LabelStyle");
                 --EditorGUI.indentLevel;
             }
diff --git a/Editor/MainComponents/LegendEditor.cs b/Editor/MainComponents/LegendEditor.cs
index 34fc3242..db3d8063 100644
--- a/Editor/MainComponents/LegendEditor.cs
+++ b/Editor/MainComponents/LegendEditor.cs
@@ -20,6 +20,8 @@ namespace XCharts.Editor
             PropertyField("m_Formatter");
             PropertyField("m_Location");
             PropertyField("m_LabelStyle");
+            PropertyField("m_Background");
+            PropertyField("m_Padding");
             PropertyListField("m_Icons");
             PropertyListField("m_Colors");
             PropertyListField("m_Data");
diff --git a/Editor/Windows/XChartsEditor.cs b/Editor/Windows/XChartsEditor.cs
index 47042a75..eae7e193 100644
--- a/Editor/Windows/XChartsEditor.cs
+++ b/Editor/Windows/XChartsEditor.cs
@@ -20,13 +20,18 @@ namespace XCharts.Editor
                     var canvasObject = new GameObject();
                     canvasObject.name = "Canvas";
                     canvas = canvasObject.AddComponent<Canvas>();
-                    canvas.renderMode = RenderMode.ScreenSpaceOverlay;
+                    canvas.renderMode = RenderMode.ScreenSpaceCamera;
+                    var mainCamera = GameObject.FindGameObjectWithTag("MainCamera");
+                    canvas.worldCamera = mainCamera == null? null : mainCamera.GetComponent<Camera>();
                     canvasObject.AddComponent<CanvasScaler>();
                     canvasObject.AddComponent<GraphicRaycaster>();
-                    var eventSystem = new GameObject();
-                    eventSystem.name = "EventSystem";
-                    eventSystem.AddComponent<EventSystem>();
-                    eventSystem.AddComponent<StandaloneInputModule>();
+                    if (GameObject.Find("EventSystem") == null)
+                    {
+                        var eventSystem = new GameObject();
+                        eventSystem.name = "EventSystem";
+                        eventSystem.AddComponent<EventSystem>();
+                        eventSystem.AddComponent<StandaloneInputModule>();
+                    }
                     return canvas.transform;
                 }
             }
diff --git a/Examples/Example_Dynamic.cs b/Examples/Example_Dynamic.cs
index e2a2f94d..b6a09a0d 100644
--- a/Examples/Example_Dynamic.cs
+++ b/Examples/Example_Dynamic.cs
@@ -11,7 +11,7 @@ namespace XCharts.Example
     {
         public int maxCacheDataNumber = 100;
         public float initDataTime = 2;
-        public bool insertDataToHead = true;
+        public bool insertDataToHead = false;
 
         private BaseChart chart;
         private float updateTime;
diff --git a/Examples/Example_DynamicChart.cs b/Examples/Example_DynamicChart.cs
new file mode 100644
index 00000000..df35dfb1
--- /dev/null
+++ b/Examples/Example_DynamicChart.cs
@@ -0,0 +1,95 @@
+using UnityEngine;
+using XCharts.Runtime;
+
+namespace XCharts.Example
+{
+    [DisallowMultipleComponent]
+    public class Example_DynamicChart : MonoBehaviour
+    {
+        BaseChart chart;
+
+        void Awake() { }
+
+        void Update()
+        {
+            if (Input.GetKeyDown(KeyCode.Space))
+            {
+                AddPieChart("Dynamic PieChart");
+            }
+            if (Input.GetKeyDown(KeyCode.L))
+            {
+                AddLineChart("Dynamic LineChart");
+            }
+        }
+
+        GameObject CreateChartObject(string chartName)
+        {
+            for (int i = transform.childCount - 1; i >= 0; i--)
+            {
+                Destroy(transform.GetChild(i).gameObject);
+            }
+            var chartObject = new GameObject();
+            chartObject.name = chartName;
+            chartObject.transform.SetParent(transform);
+            chartObject.transform.localScale = Vector3.one;
+            chartObject.transform.localPosition = Vector3.zero;
+            return chartObject;
+        }
+
+        void AddPieChart(string chartName)
+        {
+            var chartObject = CreateChartObject(chartName);
+            var chart = chartObject.AddComponent<PieChart>();
+            chart.Init();
+            chart.SetSize(580, 300);
+
+            chart.GetOrAddChartComponent<Title>().show = true;
+            chart.GetOrAddChartComponent<Title>().text = chartName;
+
+            chart.GetOrAddChartComponent<Tooltip>().show = true;
+            chart.GetOrAddChartComponent<Legend>().show = true;
+
+            chart.RemoveData();
+            chart.AddSerie<Pie>();
+
+            for (int i = 0; i < 3; i++)
+            {
+                chart.AddData(0, Random.Range(10, 20), "pie" + (i + 1));
+            }
+        }
+
+        void AddLineChart(string chartName)
+        {
+            var chartObject = CreateChartObject(chartName);
+            var chart = chartObject.AddComponent<PieChart>();
+            chart.Init();
+            chart.SetSize(580, 300);
+
+            chart.GetOrAddChartComponent<Title>().show = true;
+            chart.GetOrAddChartComponent<Title>().text = chartName;
+
+            chart.GetOrAddChartComponent<Legend>().show = false;
+
+            var tooltip = chart.GetOrAddChartComponent<Tooltip>();
+            tooltip.trigger = Tooltip.Trigger.Axis;
+
+            var xAxis = chart.GetOrAddChartComponent<XAxis>();
+            var yAxis = chart.GetOrAddChartComponent<YAxis>();
+            xAxis.splitNumber = 10;
+            xAxis.boundaryGap = true;
+            xAxis.show = true;
+            yAxis.show = true;
+            xAxis.type = Axis.AxisType.Category;
+            yAxis.type = Axis.AxisType.Value;
+
+            chart.RemoveData();
+            chart.AddSerie<Line>();
+
+            for (int i = 0; i < 10; i++)
+            {
+                chart.AddXAxisData("x" + (i + 1));
+                chart.AddData(0, Random.Range(10, 100));
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/Examples/Example_DynamicChart.cs.meta b/Examples/Example_DynamicChart.cs.meta
new file mode 100644
index 00000000..de3ec96a
--- /dev/null
+++ b/Examples/Example_DynamicChart.cs.meta
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 37d46ee8250bd4bdf84966a435e543dd
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/README.md b/README.md
index 4f5bfd4c..22371843 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
   <br>
   Unity数据可视化图表插件。
   <br>
-  <a href="Documentation/README-EN.md">English README</a>
+  <a href="Documentation/README.md">English README</a>
 </p>
 <p align="center">
   <a href="https://github.com/XCharts-Team/XCharts/blob/master/LICENSE">
@@ -43,7 +43,7 @@
   </a>
 </p>
 
-一款基于`UGUI`的功能强大、易用、参数可配置的数据可视化图表插件。支持`折线图`、`柱状图`、`饼图`、`雷达图`、`散点图`、`热力图`、`环形图`、`K线图`、`极坐标`、`平行坐标`等十种常见免费内置图表，以及`3D饼图`、`3D柱图`、`3D金字塔`、`漏斗图`、`仪表盘`、`水位图`、`象形柱图`、`甘特图`、`矩形树图`等多种扩展图表。
+一款基于`UGUI`的功能强大、易用、参数可配置的数据可视化图表插件。支持`折线图`、`柱状图`、`饼图`、`雷达图`、`散点图`、`热力图`、`环形图`、`K线图`、`极坐标`、`平行坐标`等十种内置图表，以及`3D饼图`、`3D柱图`、`3D金字塔`、`漏斗图`、`仪表盘`、`水位图`、`象形柱图`、`甘特图`、`矩形树图`等多种扩展图表。
 
 [XCharts3.0 教程](Documentation/XChartsTutorial01-ZH.md)  
 [XCharts3.0 API](Documentation/XChartsAPI-ZH.md)  
@@ -55,8 +55,8 @@
 ## 特性
 
 - 参数可视化配置，效果实时预览，纯代码绘制，无需额外资源。
-- 支持折线图、柱状图、饼图、雷达图、散点图、热力图、环形图、K线图、极坐标、平行坐标等十种常见免费内置图表。
-- 支持3D柱图、漏斗图、金字塔、仪表盘、水位图、象形柱图、甘特图、矩形树图等多种付费扩展图表。
+- 支持折线图、柱状图、饼图、雷达图、散点图、热力图、环形图、K线图、极坐标、平行坐标等十种内置图表。
+- 支持3D柱图、漏斗图、金字塔、仪表盘、水位图、象形柱图、甘特图、矩形树图等多种扩展图表。
 - 支持直线图、曲线图、面积图、阶梯线图等折线图。
 - 支持并列柱图、堆叠柱图、堆积百分比柱图、斑马柱图等柱状图。
 - 支持环形图、玫瑰图等饼图。
@@ -68,7 +68,15 @@
 - 支持万级大数据绘制。
 - 支持`TexMeshPro`。
 
-## `XCharts3.0` 新功能
+## 截图
+
+![内置图表](https://github.com/XCharts-Team/XCharts-Demo/blob/master/buildinchart.png)
+
+![扩展图表](https://github.com/XCharts-Team/XCharts-Demo/blob/master/extendchart.png)
+
+更多示例请看 [XCharts-Demo](https://github.com/XCharts-Team/XCharts-Demo) 仓库，也可以在浏览器查看`WebGL`下的运行效果 [在线Demo](https://xcharts-team.github.io/demo/) 。
+
+## `XCharts3.0`
 
 - 增加`Time`时间轴。
 - 增加`SingleAxis`单轴。
@@ -79,7 +87,7 @@
 - 增加`Widgets`小组件。
 - 增加多种扩展图表。
 
-## `XCharts3.0` 相比 `XCharts2.0` 的改进
+## `XCharts3.0` 相比 `XCharts2.0`
 
 - 更健壮的底层框架。
 - 更强大的性能。
@@ -92,40 +100,25 @@
 - 更高效的二次开发。
 - 更丰富的Demo示例。
 
-## `XCharts3.0` 和 `2.0` 数据对比
-
-| Case | XCharts2.0 | XCharts3.0 | Note |
-| -- | -- | -- | -- |
-| 2000数据折线图的帧频 | `20` | `83` | 性能提升 `3` 倍 |
-| 2000数据折线图的顶点数 | `36.5k` | `6.7k` | 顶点数减少 `4` 倍 |
-| 2000数据折线图的Prefab大小 | `11.1MB` | `802KB` | 序列化文件大小减少 `10` 倍 |
-| 单条折线图数据最大容量 | `4.1k` | `19k` | 单Serie数据容量提升 `4` 倍 |
-| 支持的图表 | `11种` |`23种` | 支持的图表多 `1` 倍 |
+![XCharts 3.0和2.0的对比](Documentation/res/xcharts3.0.png)
 
 ## 注意
 
-- `XCharts3.0` 不兼容 `XCharts2.0` 版本，建议旧项目还是继续使用`XCharts2.0`，新项目使用`XCharts3.0`。
+- `XCharts3.0` 不完全兼容 `XCharts2.0` 版本，建议旧项目可以继续使用`XCharts2.0`，新项目推荐使用`XCharts3.0`。
 - `XCharts2.0` 进入维护阶段，后续只修复严重`bug`，理论上不再加新功能。
 - `XCharts` 理论上支持`Unity 5.6`及以上版本，但由于版本测试有限难免疏漏，发现版本兼容问题可提`Issue`。
-- `XCharts` 内置图表都为常见的图表，可以免费使用；扩展图表大部分为不常使用的图表，有需要的可付费获取，详情[☞ 看这里](Documentation/SUPPORT.md)
-- 本仓库只包含`XCharts`源码，不包含`Demo`示例部分。需要查看`Demo`示例请到[XCharts-Demo](https://github.com/XCharts-Team/XCharts-Demo)
-
-## 截图
-
-![buildinchart](https://github.com/XCharts-Team/XCharts-Demo/blob/master/buildinchart.png)
-
-![extendchart](https://github.com/XCharts-Team/XCharts-Demo/blob/master/extendchart.png)
-
-更多示例请看 [XCharts-Demo](https://github.com/XCharts-Team/XCharts-Demo)，也可以到 [在线Demo](https://xcharts-team.github.io/demo/) 查看`WebGL`下的运行效果。
+- 本仓库只包含`XCharts`源码，不包含`Demo`示例部分。需要查看`Demo`示例请到[XCharts-Demo](https://github.com/XCharts-Team/XCharts-Demo)仓库。
 
 ## 使用
 
-1. 导入`XCharts`的`unitypackage`或者源码到项目
-2. 在`Hierarchy`视图下右键选择`XCharts->LineChart`，即可创建一个默认的折线图
-3. 在`Inspector`试图可以调整各个组件的参数，并在`Game`视图看到实时效果
+1. 导入`XCharts`的`unitypackage`或者源码到项目。
+2. 在`Hierarchy`视图下右键选择`XCharts->LineChart`，即可创建一个默认的折线图。
+3. 在`Inspector`视图可以调整各个组件的参数，并在`Game`视图看到实时效果。
 
 更多教程请看：[XCharts教程：5分钟上手教程](Documentation/XChartsTutorial01-ZH.md)
 
+首次使用，建议认真看一遍教程。
+
 ## FAQ
 
 1. `XCharts`可以免费使用吗？  
@@ -137,17 +130,19 @@
 3. 这个插件除了用在`Unity`，还能用在其他平台（如`Winform`或`WPF`）吗？  
    答：目前只支持在`Unity`平台使用。理论上任何支持`UGUI`的`Unity`版本都能运行`XCharts`。
 
-## 日志
-
-[更新日志](CHANGELOG.md)  
-
 ## Licenses
 
 [MIT License](LICENSE.md)
 
+可免费商用，可二次开发
+
+## 日志
+
+[更新日志](CHANGELOG.md)  
+
 ## 其他
 
 邮箱：`monitor1394@gmail.com`  
 QQ群：XCharts交流群（`202030963`）  
 VIP群：XCharts技术支持VIP群（`867291970`）  
-捐助和技术支持：[☞ 看这里](Documentation/SUPPORT.md)
+捐助、合作和技术支持：[☞ 看这里](Documentation/SUPPORT.md)
diff --git a/Runtime/Component/Animation/AnimationStyle.cs b/Runtime/Component/Animation/AnimationStyle.cs
index 00761b44..2e9e6a58 100644
--- a/Runtime/Component/Animation/AnimationStyle.cs
+++ b/Runtime/Component/Animation/AnimationStyle.cs
@@ -350,9 +350,11 @@ namespace XCharts.Runtime
 #endif
             if (!m_Enable || m_IsEnd)
                 return true;
-
             if (IsIndexAnimation())
-                return m_CurrDetailProgress > m_DestDetailProgress;
+            {
+                if (m_FadeOut) return m_CurrDetailProgress <= m_DestDetailProgress;
+                else return m_CurrDetailProgress > m_DestDetailProgress;
+            }
             if (IsItemAnimation())
                 return false;
             return true;
diff --git a/Runtime/Component/Axis/Axis.cs b/Runtime/Component/Axis/Axis.cs
index 23f2c83c..b51f9461 100644
--- a/Runtime/Component/Axis/Axis.cs
+++ b/Runtime/Component/Axis/Axis.cs
@@ -19,12 +19,12 @@ namespace XCharts.Runtime
         {
             /// <summary>
             /// Numerical axis, suitable for continuous data.
-            /// ||数值轴。适用于连续数据。
+            /// |数值轴。适用于连续数据。
             /// </summary>
             Value,
             /// <summary>
             /// Category axis, suitable for discrete category data. Data should only be set via data for this type.
-            /// ||类目轴。适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。
+            /// |类目轴。适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。serie的数据第0维数据对应坐标轴data的index。
             /// </summary>
             Category,
             /// <summary>
@@ -74,12 +74,12 @@ namespace XCharts.Runtime
         }
 
         [SerializeField] protected bool m_Show = true;
-        [SerializeField] protected AxisType m_Type;
-        [SerializeField] protected AxisMinMaxType m_MinMaxType;
+        [SerializeField] protected Axis.AxisType m_Type;
+        [SerializeField] protected Axis.AxisMinMaxType m_MinMaxType;
         [SerializeField] protected int m_GridIndex;
         [SerializeField] protected int m_PolarIndex;
         [SerializeField] protected int m_ParallelIndex;
-        [SerializeField] protected AxisPosition m_Position;
+        [SerializeField] protected Axis.AxisPosition m_Position;
         [SerializeField] protected float m_Offset;
         [SerializeField] protected double m_Min;
         [SerializeField] protected double m_Max;
@@ -89,7 +89,7 @@ namespace XCharts.Runtime
         [SerializeField] protected int m_MaxCache = 0;
         [SerializeField] protected float m_LogBase = 10;
         [SerializeField] protected bool m_LogBaseE = false;
-        [SerializeField] protected int m_CeilRate = 0;
+        [SerializeField] protected double m_CeilRate = 0;
         [SerializeField] protected bool m_Inverse = false;
         [SerializeField] private bool m_Clockwise = true;
         [SerializeField] private bool m_InsertDataToHead;
@@ -257,7 +257,7 @@ namespace XCharts.Runtime
         /// The ratio of maximum and minimum values rounded upward. The default is 0, which is automatically calculated.
         /// |最大最小值向上取整的倍率。默认为0时自动计算。
         /// </summary>
-        public int ceilRate
+        public double ceilRate
         {
             get { return m_CeilRate; }
             set { if (PropertyUtil.SetStruct(ref m_CeilRate, value < 0 ? 0 : value)) SetAllDirty(); }
@@ -393,6 +393,7 @@ namespace XCharts.Runtime
         public override void ClearVerticesDirty()
         {
             base.ClearVerticesDirty();
+            axisLabel.ClearVerticesDirty();
             axisLine.ClearVerticesDirty();
             axisTick.ClearVerticesDirty();
             splitLine.ClearVerticesDirty();
diff --git a/Runtime/Component/Axis/AxisContext.cs b/Runtime/Component/Axis/AxisContext.cs
index c47d5a6c..37fcf14e 100644
--- a/Runtime/Component/Axis/AxisContext.cs
+++ b/Runtime/Component/Axis/AxisContext.cs
@@ -42,6 +42,7 @@ namespace XCharts.Runtime
         public List<string> runtimeData { get { return m_RuntimeData; } }
         public List<double> labelValueList { get { return m_LabelValueList; } }
         public List<ChartLabel> labelObjectList { get { return m_AxisLabelList; } }
+        public int dataZoomStartIndex;
 
         internal List<string> filterData;
         internal bool lastCheckInverse;
@@ -107,17 +108,25 @@ namespace XCharts.Runtime
                     if (range > data.Count - start - 1)
                         start = data.Count - range - 1;
                     if (start >= 0)
+                    {
+                        dataZoomStartIndex = start;
                         filterData = data.GetRange(start, range);
+                    }
                     else
+                    {
+                        dataZoomStartIndex = 0;
                         filterData = data;
+                    }
                 }
                 else
                 {
+                    dataZoomStartIndex = 0;
                     filterData = data;
                 }
             }
             else if (end == 0)
             {
+                dataZoomStartIndex = 0;
                 filterData = m_EmptyFliter;
             }
         }
diff --git a/Runtime/Component/Axis/AxisHandler.cs b/Runtime/Component/Axis/AxisHandler.cs
index 109fa876..96456755 100644
--- a/Runtime/Component/Axis/AxisHandler.cs
+++ b/Runtime/Component/Axis/AxisHandler.cs
@@ -218,7 +218,7 @@ namespace XCharts
             axis.UpdateLabelText(runtimeWidth, dataZoom, isPercentStack);
         }
 
-        internal static void UpdateAxisTickValueList(Axis axis)
+        internal void UpdateAxisTickValueList(Axis axis)
         {
             if (axis.IsTime())
             {
@@ -267,12 +267,13 @@ namespace XCharts
                     list.Add(axis.context.minValue);
                     value = Math.Ceiling(axis.context.minValue / tick) * tick;
                 }
+                var maxSplitNumber = chart.settings.axisMaxSplitNumber;
                 while (value <= axis.context.maxValue)
                 {
                     list.Add(value);
                     value += tick;
 
-                    if (list.Count > 20)
+                    if (maxSplitNumber > 0 && list.Count > maxSplitNumber)
                         break;
                 }
                 if (!ChartHelper.IsEquals(axis.context.maxValue, list[list.Count - 1]))
@@ -424,7 +425,8 @@ namespace XCharts
                 var autoColor = axis.axisLine.GetColor(chart.theme.axis.lineColor);
                 if (orient == Orient.Horizonal)
                 {
-                    var posY = GetAxisLineXOrY() + offset.y;
+                    var grid = chart.GetChartComponent<GridCoord>(axis.gridIndex);
+                    var posY = !axis.axisName.onZero && grid != null? grid.context.y : GetAxisLineXOrY() + offset.y;
                     switch (axis.axisName.labelStyle.position)
                     {
                         case LabelStyle.Position.Start:
@@ -460,7 +462,8 @@ namespace XCharts
                 }
                 else
                 {
-                    var posX = GetAxisLineXOrY() + offset.x;
+                    var grid = chart.GetChartComponent<GridCoord>(axis.gridIndex);
+                    var posX = !axis.axisName.onZero && grid != null? grid.context.x : GetAxisLineXOrY() + offset.x;
                     switch (axis.axisName.labelStyle.position)
                     {
                         case LabelStyle.Position.Start:
@@ -610,12 +613,12 @@ namespace XCharts
                             if ((axis.axisTick.inside && axis.IsBottom()) ||
                                 (!axis.axisTick.inside && axis.IsTop()))
                             {
-                                sY = startY + axis.offset + lineWidth;
+                                sY = startY + lineWidth;
                                 eY = sY + tickLength;
                             }
                             else
                             {
-                                sY = startY + axis.offset - lineWidth;
+                                sY = startY - lineWidth;
                                 eY = sY - tickLength;
                             }
 
@@ -637,12 +640,12 @@ namespace XCharts
                             if ((axis.axisTick.inside && axis.IsLeft()) ||
                                 (!axis.axisTick.inside && axis.IsRight()))
                             {
-                                sX = startX + axis.offset + lineWidth;
+                                sX = startX + lineWidth;
                                 eX = sX + tickLength;
                             }
                             else
                             {
-                                sX = startX + axis.offset - lineWidth;
+                                sX = startX - lineWidth;
                                 eX = sX - tickLength;
                             }
 
diff --git a/Runtime/Component/Axis/AxisHelper.cs b/Runtime/Component/Axis/AxisHelper.cs
index 8a1d31e4..888e30cf 100644
--- a/Runtime/Component/Axis/AxisHelper.cs
+++ b/Runtime/Component/Axis/AxisHelper.cs
@@ -327,7 +327,7 @@ namespace XCharts.Runtime
         /// </summary>
         /// <param name="minValue"></param>
         /// <param name="maxValue"></param>
-        public static void AdjustMinMaxValue(Axis axis, ref double minValue, ref double maxValue, bool needFormat, int ceilRate = 0)
+        public static void AdjustMinMaxValue(Axis axis, ref double minValue, ref double maxValue, bool needFormat, double ceilRate = 0)
         {
             if (axis.type == Axis.AxisType.Log)
             {
diff --git a/Runtime/Component/Axis/AxisLabel.cs b/Runtime/Component/Axis/AxisLabel.cs
index acac6161..4d6a081c 100644
--- a/Runtime/Component/Axis/AxisLabel.cs
+++ b/Runtime/Component/Axis/AxisLabel.cs
@@ -145,22 +145,18 @@ namespace XCharts.Runtime
 
         public string GetFormatterContent(int labelIndex, string category)
         {
-            if (m_FormatterFunction != null)
-            {
-                return m_FormatterFunction(labelIndex, 0, category);
-            }
             if (string.IsNullOrEmpty(category))
-                return category;
+                return GetFormatterFunctionContent(labelIndex, category, category);
 
             if (string.IsNullOrEmpty(m_Formatter))
             {
-                return m_TextLimit.GetLimitContent(category);
+                return GetFormatterFunctionContent(labelIndex, category, m_TextLimit.GetLimitContent(category));
             }
             else
             {
                 var content = m_Formatter;
                 FormatterHelper.ReplaceAxisLabelContent(ref content, category);
-                return m_TextLimit.GetLimitContent(content);
+                return GetFormatterFunctionContent(labelIndex, category, m_TextLimit.GetLimitContent(content));
             }
         }
 
@@ -170,15 +166,11 @@ namespace XCharts.Runtime
             {
                 value = Math.Abs(value);
             }
-            if (m_FormatterFunction != null)
-            {
-                return m_FormatterFunction(labelIndex, value, null);
-            }
             if (string.IsNullOrEmpty(m_Formatter))
             {
                 if (isLog)
                 {
-                    return ChartCached.NumberToStr(value, numericFormatter);
+                    return GetFormatterFunctionContent(labelIndex, value, ChartCached.NumberToStr(value, numericFormatter));
                 }
                 if (minValue >= -1 && minValue <= 1 && maxValue >= -1 && maxValue <= 1)
                 {
@@ -186,24 +178,20 @@ namespace XCharts.Runtime
                     int maxAcc = ChartHelper.GetFloatAccuracy(maxValue);
                     int curAcc = ChartHelper.GetFloatAccuracy(value);
                     int acc = Mathf.Max(Mathf.Max(minAcc, maxAcc), curAcc);
-                    return ChartCached.FloatToStr(value, numericFormatter, acc);
+                    return GetFormatterFunctionContent(labelIndex, value, ChartCached.FloatToStr(value, numericFormatter, acc));
                 }
-                return ChartCached.NumberToStr(value, numericFormatter);
+                return GetFormatterFunctionContent(labelIndex, value, ChartCached.NumberToStr(value, numericFormatter));
             }
             else
             {
                 var content = m_Formatter;
                 FormatterHelper.ReplaceAxisLabelContent(ref content, numericFormatter, value);
-                return content;
+                return GetFormatterFunctionContent(labelIndex, value, content);
             }
         }
 
         public string GetFormatterDateTime(int labelIndex, double value, double minValue, double maxValue)
         {
-            if (m_FormatterFunction != null)
-            {
-                return m_FormatterFunction(labelIndex, value, null);
-            }
             var timestamp = (int) value;
             var dateTime = DateTimeUtil.GetDateTime(timestamp);
             var dateString = string.Empty;
@@ -219,12 +207,24 @@ namespace XCharts.Runtime
             {
                 var content = m_Formatter;
                 FormatterHelper.ReplaceAxisLabelContent(ref content, dateString);
-                return m_TextLimit.GetLimitContent(content);
+                return GetFormatterFunctionContent(labelIndex, value, m_TextLimit.GetLimitContent(content));
             }
             else
             {
-                return m_TextLimit.GetLimitContent(dateString);
+                return GetFormatterFunctionContent(labelIndex, value, m_TextLimit.GetLimitContent(dateString));
             }
         }
+
+        private string GetFormatterFunctionContent(int labelIndex, string category, string currentContent)
+        {
+            return m_FormatterFunction == null ? currentContent :
+                m_FormatterFunction(labelIndex, labelIndex, category, currentContent);
+        }
+
+        private string GetFormatterFunctionContent(int labelIndex, double value, string currentContent)
+        {
+            return m_FormatterFunction == null ? currentContent :
+                m_FormatterFunction(labelIndex, labelIndex, null, currentContent);
+        }
     }
 }
\ No newline at end of file
diff --git a/Runtime/Component/Axis/AxisName.cs b/Runtime/Component/Axis/AxisName.cs
index 412df3f9..4c5cf54b 100644
--- a/Runtime/Component/Axis/AxisName.cs
+++ b/Runtime/Component/Axis/AxisName.cs
@@ -12,11 +12,12 @@ namespace XCharts.Runtime
     {
         [SerializeField] private bool m_Show;
         [SerializeField] private string m_Name;
+        [SerializeField][Since("v3.1.0")] private bool m_OnZero;
         [SerializeField] private LabelStyle m_LabelStyle = new LabelStyle();
 
         /// <summary>
         /// Whether to show axis name.
-        /// |是否显示坐标名称。
+        /// |是否显示坐标轴名称。
         /// </summary>
         public bool show
         {
@@ -33,6 +34,15 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetClass(ref m_Name, value)) SetComponentDirty(); }
         }
         /// <summary>
+        /// Whether the axis name position are the same with 0 position of YAxis.
+        /// |坐标轴名称的位置是否保持和Y轴0刻度一致。
+        /// </summary>
+        public bool onZero
+        {
+            get { return m_OnZero; }
+            set { if (PropertyUtil.SetStruct(ref m_OnZero, value)) SetComponentDirty(); }
+        }
+        /// <summary>
         /// The text style of axis name.
         /// |文本样式。
         /// </summary>
diff --git a/Runtime/Component/Axis/YAxis/YAxisHander.cs b/Runtime/Component/Axis/YAxis/YAxisHander.cs
index 5d91b08a..58041f55 100644
--- a/Runtime/Component/Axis/YAxis/YAxisHander.cs
+++ b/Runtime/Component/Axis/YAxis/YAxisHander.cs
@@ -72,7 +72,8 @@ namespace XCharts.Runtime
             if (grid == null)
                 return Vector3.zero;
 
-            return GetLabelPosition(i, Orient.Vertical, component, null,
+            var xAxis = chart.GetChartComponent<XAxis>(component.index);
+            return GetLabelPosition(i, Orient.Vertical, component, xAxis,
                 chart.theme.axis,
                 scaleWid,
                 grid.context.x,
diff --git a/Runtime/Component/Child/AreaStyle.cs b/Runtime/Component/Child/AreaStyle.cs
index 0b4a45bc..f7d1e0a4 100644
--- a/Runtime/Component/Child/AreaStyle.cs
+++ b/Runtime/Component/Child/AreaStyle.cs
@@ -33,7 +33,7 @@ namespace XCharts.Runtime
         }
 
         [SerializeField] private bool m_Show = true;
-        [SerializeField] private AreaOrigin m_Origin;
+        [SerializeField] private AreaStyle.AreaOrigin m_Origin;
         [SerializeField] private Color32 m_Color;
         [SerializeField] private Color32 m_ToColor;
         [SerializeField][Range(0, 1)] private float m_Opacity = 0.6f;
diff --git a/Runtime/Component/Child/Padding.cs b/Runtime/Component/Child/Padding.cs
new file mode 100644
index 00000000..d22d3f7a
--- /dev/null
+++ b/Runtime/Component/Child/Padding.cs
@@ -0,0 +1,79 @@
+using System;
+using UnityEngine;
+
+namespace XCharts.Runtime
+{
+    /// <summary>
+    /// padding setting of item or text.
+    /// |边距设置。
+    /// </summary>
+    [Serializable]
+    public class Padding : ChildComponent
+    {
+        [SerializeField] protected bool m_Show = true;
+        [SerializeField] protected float m_Top = 0;
+        [SerializeField] protected float m_Right = 2f;
+        [SerializeField] protected float m_Left = 2f;
+        [SerializeField] protected float m_Bottom = 0;
+
+        public Padding() { }
+
+        public Padding(float top, float right, float bottom, float left)
+        {
+            SetPadding(top, right, bottom, left);
+        }
+
+        public void SetPadding(float top, float right, float bottom, float left)
+        {
+            m_Top = top;;
+            m_Right = right;
+            m_Bottom = bottom;
+            m_Left = left;
+        }
+        /// <summary>
+        /// show padding.
+        /// 是否显示。
+        /// </summary>
+        public bool show
+        {
+            get { return m_Show; }
+            set { if (PropertyUtil.SetStruct(ref m_Show, value)) SetComponentDirty(); }
+        }
+        /// <summary>
+        /// padding of top.
+        /// |顶部间距。
+        /// </summary>
+        public float top
+        {
+            get { return m_Top; }
+            set { if (PropertyUtil.SetStruct(ref m_Top, value)) SetComponentDirty(); }
+        }
+        /// <summary>
+        /// padding of right.
+        /// |右部间距。
+        /// </summary>
+        public float right
+        {
+            get { return m_Right; }
+            set { if (PropertyUtil.SetStruct(ref m_Right, value)) SetComponentDirty(); }
+        }
+        /// <summary>
+        /// padding of bottom.
+        /// |底部间距。
+        /// </summary>
+        public float bottom
+        {
+            get { return m_Bottom; }
+            set { if (PropertyUtil.SetStruct(ref m_Bottom, value)) SetComponentDirty(); }
+        }
+        /// <summary>
+        /// padding of left.
+        /// |左边间距。
+        /// </summary>
+        public float left
+        {
+            get { return m_Left; }
+            set { if (PropertyUtil.SetStruct(ref m_Left, value)) SetComponentDirty(); }
+        }
+    }
+}
\ No newline at end of file
diff --git a/Runtime/Component/Child/Padding.cs.meta b/Runtime/Component/Child/Padding.cs.meta
new file mode 100644
index 00000000..9b9851fc
--- /dev/null
+++ b/Runtime/Component/Child/Padding.cs.meta
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: c4249907274734533ba65edb14987472
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Runtime/Component/Child/TextPadding.cs b/Runtime/Component/Child/TextPadding.cs
index 7031f4f0..bcbeab7f 100644
--- a/Runtime/Component/Child/TextPadding.cs
+++ b/Runtime/Component/Child/TextPadding.cs
@@ -8,72 +8,13 @@ namespace XCharts.Runtime
     /// |文本的内边距设置。
     /// </summary>
     [Serializable]
-    public class TextPadding : ChildComponent
+    public class TextPadding : Padding
     {
-        [SerializeField] private bool m_Show = true;
-        [SerializeField] private float m_Top = 2;
-        [SerializeField] private float m_Right = 4;
-        [SerializeField] private float m_Left = 4;
-        [SerializeField] private float m_Bottom = 2;
-
         public TextPadding() { }
 
         public TextPadding(float top, float right, float bottom, float left)
         {
             SetPadding(top, right, bottom, left);
         }
-
-        public void SetPadding(float top, float right, float bottom, float left)
-        {
-            m_Top = top;;
-            m_Right = right;
-            m_Bottom = bottom;
-            m_Left = left;
-        }
-        /// <summary>
-        /// show padding.
-        /// 是否显示。
-        /// </summary>
-        public bool show
-        {
-            get { return m_Show; }
-            set { if (PropertyUtil.SetStruct(ref m_Show, value)) SetComponentDirty(); }
-        }
-        /// <summary>
-        /// padding of top.
-        /// |顶部间距。
-        /// </summary>
-        public float top
-        {
-            get { return m_Top; }
-            set { if (PropertyUtil.SetStruct(ref m_Top, value)) SetComponentDirty(); }
-        }
-        /// <summary>
-        /// padding of right.
-        /// |右部间距。
-        /// </summary>
-        public float right
-        {
-            get { return m_Right; }
-            set { if (PropertyUtil.SetStruct(ref m_Right, value)) SetComponentDirty(); }
-        }
-        /// <summary>
-        /// padding of bottom.
-        /// |底部间距。
-        /// </summary>
-        public float bottom
-        {
-            get { return m_Bottom; }
-            set { if (PropertyUtil.SetStruct(ref m_Bottom, value)) SetComponentDirty(); }
-        }
-        /// <summary>
-        /// padding of left.
-        /// |左边间距。
-        /// </summary>
-        public float left
-        {
-            get { return m_Left; }
-            set { if (PropertyUtil.SetStruct(ref m_Left, value)) SetComponentDirty(); }
-        }
     }
 }
\ No newline at end of file
diff --git a/Runtime/Component/Child/TextStyle.cs b/Runtime/Component/Child/TextStyle.cs
index d8c4179a..d652994f 100644
--- a/Runtime/Component/Child/TextStyle.cs
+++ b/Runtime/Component/Child/TextStyle.cs
@@ -28,6 +28,7 @@ namespace XCharts.Runtime
         [SerializeField] private TMP_FontAsset m_TMPFont;
         [SerializeField] private FontStyles m_TMPFontStyle = FontStyles.Normal;
         [SerializeField] private TextAlignmentOptions m_TMPAlignment = TextAlignmentOptions.Left;
+        [SerializeField][Since("v3.1.0")] private TMP_SpriteAsset m_TMPSpriteAsset;
 #endif
         public bool show
         {
@@ -149,11 +150,20 @@ namespace XCharts.Runtime
         /// the text alignment of TextMeshPro.
         /// |TextMeshPro字体对齐方式。
         /// </summary>
-        public TextAlignmentOptions tmpFontStyle
+        public TextAlignmentOptions tmpAlignment
         {
             get { return m_TMPAlignment; }
             set { if (PropertyUtil.SetStruct(ref m_TMPAlignment, value)) SetComponentDirty(); }
         }
+        /// <summary>
+        /// the sprite asset of TextMeshPro.
+        /// |TextMeshPro的Sprite Asset。
+        /// </summary>
+        public TMP_SpriteAsset tmpSpriteAsset
+        {
+            get { return m_TMPSpriteAsset; }
+            set { if (PropertyUtil.SetClass(ref m_TMPSpriteAsset, value)) SetComponentDirty(); }
+        }
 #endif
 
         public TextStyle() { }
@@ -198,6 +208,7 @@ namespace XCharts.Runtime
 #if dUI_TextMeshPro
             m_TMPFont = textStyle.tmpFont;
             m_TMPFontStyle = textStyle.tmpFontStyle;
+            m_TMPSpriteAsset = textStyle.tmpSpriteAsset;
 #endif
         }
 
diff --git a/Runtime/Component/Comment/Comment.cs b/Runtime/Component/Comment/Comment.cs
index b2cb70a3..4274a774 100644
--- a/Runtime/Component/Comment/Comment.cs
+++ b/Runtime/Component/Comment/Comment.cs
@@ -22,6 +22,10 @@ namespace XCharts.Runtime
         /// |是否显示注解组件。
         /// </summary>
         public bool show { get { return m_Show; } set { if (PropertyUtil.SetStruct(ref m_Show, value)) SetComponentDirty(); } }
+        /// <summary>
+        /// The items of comment.
+        /// |注解项。每个注解组件可以设置多个注解项。
+        /// </summary>
         public List<CommentItem> items { get { return m_Items; } set { m_Items = value; SetComponentDirty(); } }
         /// <summary>
         /// The text style of all comments.
diff --git a/Runtime/Component/Comment/CommentHander.cs b/Runtime/Component/Comment/CommentHander.cs
index f1c93ab3..92c17536 100644
--- a/Runtime/Component/Comment/CommentHander.cs
+++ b/Runtime/Component/Comment/CommentHander.cs
@@ -53,7 +53,7 @@ namespace XCharts.Runtime
             }
         }
 
-        public override void DrawTop(VertexHelper vh)
+        public override void DrawUpper(VertexHelper vh)
         {
             for (int i = 0; i < component.items.Count; i++)
             {
diff --git a/Runtime/Component/DataZoom/DataZoomHandler.cs b/Runtime/Component/DataZoom/DataZoomHandler.cs
index 6fce8896..aa9e7644 100644
--- a/Runtime/Component/DataZoom/DataZoomHandler.cs
+++ b/Runtime/Component/DataZoom/DataZoomHandler.cs
@@ -19,7 +19,7 @@ namespace XCharts.Runtime
         public override void InitComponent()
         {
             var dataZoom = component;
-            dataZoom.painter = chart.m_PainterTop;
+            dataZoom.painter = chart.m_PainterUpper;
             dataZoom.refreshComponent = delegate()
             {
                 var dataZoomObject = ChartHelper.AddObject(s_DefaultDataZoom + dataZoom.index, chart.transform,
@@ -62,7 +62,7 @@ namespace XCharts.Runtime
             CheckDataZoomLabel(component);
         }
 
-        public override void DrawTop(VertexHelper vh)
+        public override void DrawUpper(VertexHelper vh)
         {
             if (chart == null)
                 return;
diff --git a/Runtime/Component/Debug/DebugInfo.cs b/Runtime/Component/Debug/DebugInfo.cs
index 5daca29c..b0af3b0c 100644
--- a/Runtime/Component/Debug/DebugInfo.cs
+++ b/Runtime/Component/Debug/DebugInfo.cs
@@ -40,10 +40,35 @@ namespace XCharts.Runtime
         private ChartLabel m_Label;
         private List<float> m_FpsList = new List<float>();
 
+        /// <summary>
+        /// Whether show debug component.
+        /// |是否显示Debug组件。
+        /// </summary>
+        public bool show { get { return m_Show; } set { m_Show = value; } }
+        /// <summary>
+        /// Whether show children components of chart in hierarchy view.
+        /// |是否在Hierarchy试图显示所有chart下的节点。
+        /// </summary>
         public bool showAllChartObject { get { return m_ShowAllChartObject; } set { m_ShowAllChartObject = value; } }
+        /// <summary>
+        /// Whether to fold series in inspector view.
+        /// |是否在Inspector上折叠Serie。
+        /// </summary>
         public bool foldSeries { get { return m_FoldSeries; } set { m_FoldSeries = value; } }
+        /// <summary>
+        /// frame rate.
+        /// |当前帧率。
+        /// </summary>
         public float fps { get; private set; }
+        /// <summary>
+        /// The average frame rate.
+        /// |平均帧率。
+        /// </summary>
         public float avgFps { get; private set; }
+        /// <summary>
+        /// The fefresh count of chart per second.
+        /// |图表每秒刷新次数。
+        /// </summary>
         public int refreshCount { get; internal set; }
         internal int clickChartCount { get; set; }
 
@@ -107,13 +132,6 @@ namespace XCharts.Runtime
                     SetValueWithKInfo(s_Sb, "s-vert", vertCount);
                     SetValueWithKInfo(s_Sb, "t-vert", m_Chart.m_TopPainterVertCount, false);
 
-                    var serie0 = m_Chart.GetSerie(0);
-                    for (int i = 0; i < serie0.dataCount; i++)
-                    {
-                        var serieData = serie0.data[i];
-                        s_Sb.AppendFormat("{0}:{1}\n", i, serieData.interact.targetVaue);
-                    }
-
                     m_Label.SetText(s_Sb.ToString());
                 }
             }
diff --git a/Runtime/Component/Label/LabelStyle.cs b/Runtime/Component/Label/LabelStyle.cs
index 4d96a029..2aa4f187 100644
--- a/Runtime/Component/Label/LabelStyle.cs
+++ b/Runtime/Component/Label/LabelStyle.cs
@@ -114,7 +114,7 @@ namespace XCharts.Runtime
         public Position position
         {
             get { return m_Position; }
-            set { if (PropertyUtil.SetStruct(ref m_Position, value)) SetVerticesDirty(); }
+            set { if (PropertyUtil.SetStruct(ref m_Position, value)) SetAllDirty(); }
         }
         /// <summary>
         /// formatter of label.
@@ -133,7 +133,7 @@ namespace XCharts.Runtime
         public string formatter
         {
             get { return m_Formatter; }
-            set { if (PropertyUtil.SetClass(ref m_Formatter, value)) SetVerticesDirty(); }
+            set { if (PropertyUtil.SetClass(ref m_Formatter, value)) SetComponentDirty(); }
         }
         /// <summary>
         /// offset to the host graphic element.
@@ -142,7 +142,7 @@ namespace XCharts.Runtime
         public Vector3 offset
         {
             get { return m_Offset; }
-            set { if (PropertyUtil.SetStruct(ref m_Offset, value)) SetVerticesDirty(); }
+            set { if (PropertyUtil.SetStruct(ref m_Offset, value)) SetAllDirty(); }
         }
         /// <summary>
         /// Rotation of label.
@@ -159,7 +159,7 @@ namespace XCharts.Runtime
         public float distance
         {
             get { return m_Distance; }
-            set { if (PropertyUtil.SetStruct(ref m_Distance, value)) SetVerticesDirty(); }
+            set { if (PropertyUtil.SetStruct(ref m_Distance, value)) SetAllDirty(); }
         }
         /// <summary>
         /// the width of label. If set as default value 0, it means than the label width auto set as the text width.
diff --git a/Runtime/Helper/SerieLabelHelper.cs b/Runtime/Component/Label/SerieLabelHelper.cs
similarity index 83%
rename from Runtime/Helper/SerieLabelHelper.cs
rename to Runtime/Component/Label/SerieLabelHelper.cs
index fc189a1f..84b9b67e 100644
--- a/Runtime/Helper/SerieLabelHelper.cs
+++ b/Runtime/Component/Label/SerieLabelHelper.cs
@@ -18,16 +18,6 @@ namespace XCharts.Runtime
             }
         }
 
-        public static void ResetLabel(ChartText labelObject, LabelStyle label, ThemeStyle theme,
-            Color textColor, float rotate)
-        {
-            if (labelObject == null) return;
-            labelObject.SetColor(textColor);
-            labelObject.SetLocalEulerAngles(new Vector3(0, 0, rotate));
-            labelObject.SetFontSize(label.textStyle.GetFontSize(theme.common));
-            labelObject.SetFontStyle(label.textStyle.fontStyle);
-        }
-
         public static bool CanShowLabel(Serie serie, SerieData serieData, LabelStyle label, int dimesion)
         {
             return serie.show && serieData.context.canShowLabel && !serie.IsIgnoreValue(serieData, dimesion);
@@ -43,18 +33,23 @@ namespace XCharts.Runtime
             var numericFormatter = serieLabel == null ? "" : serieLabel.numericFormatter;
             var serieName = serie.serieName;
             var dataName = serieData != null ? serieData.name : null;
-            if (serieLabel.formatterFunction != null)
-            {
-                return serieLabel.formatterFunction(serieData.index, dataValue, null);
-            }
             if (string.IsNullOrEmpty(serieLabel.formatter))
-                return ChartCached.NumberToStr(dataValue, numericFormatter);
+            {
+                var currentContent = ChartCached.NumberToStr(dataValue, numericFormatter);
+                if (serieLabel.formatterFunction == null)
+                    return currentContent;
+                else
+                    return serieLabel.formatterFunction(serieData.index, dataValue, null, currentContent);
+            }
             else
             {
                 var content = serieLabel.formatter;
                 FormatterHelper.ReplaceSerieLabelContent(ref content, numericFormatter, serie.dataCount, dataValue,
-                    dataTotal, serieName, dataName, dataName, color);
-                return content;
+                    dataTotal, serieName, dataName, dataName, color, serieData);
+                if (serieLabel.formatterFunction == null)
+                    return content;
+                else
+                    return serieLabel.formatterFunction(serieData.index, dataValue, null, content);
             }
         }
 
@@ -132,6 +127,7 @@ namespace XCharts.Runtime
         {
             if (!serie.avoidLabelOverlap) return;
             var lastCheckPos = Vector3.zero;
+            var lastX = 0f;
             var data = serie.data;
             var splitCount = 0;
             for (int n = 0; n < data.Count; n++)
@@ -143,19 +139,20 @@ namespace XCharts.Runtime
                     break;
                 }
             }
+
             for (int n = 0; n < splitCount; n++)
             {
-                CheckSerieDataLabel(serie, data[n], false, theme, ref lastCheckPos);
+                CheckSerieDataLabel(serie, data[n], splitCount, false, theme, ref lastCheckPos, ref lastX);
             }
             lastCheckPos = Vector3.zero;
             for (int n = data.Count - 1; n >= splitCount; n--)
             {
-                CheckSerieDataLabel(serie, data[n], true, theme, ref lastCheckPos);
+                CheckSerieDataLabel(serie, data[n], data.Count - splitCount, true, theme, ref lastCheckPos, ref lastX);
             }
         }
 
-        private static void CheckSerieDataLabel(Serie serie, SerieData serieData, bool isLeft, ComponentTheme theme,
-            ref Vector3 lastCheckPos)
+        private static void CheckSerieDataLabel(Serie serie, SerieData serieData, int total, bool isLeft, ComponentTheme theme,
+            ref Vector3 lastCheckPos, ref float lastX)
         {
             if (!serieData.context.canShowLabel)
             {
@@ -164,12 +161,12 @@ namespace XCharts.Runtime
             }
             if (!serieData.show) return;
             var serieLabel = SerieHelper.GetSerieLabel(serie, serieData);
-            var labelLine = SerieHelper.GetSerieLabelLine(serie, serieData);
-            var fontSize = serieLabel.textStyle.GetFontSize(theme);
             var isOutside = serieLabel.position == LabelStyle.Position.Outside ||
                 serieLabel.position == LabelStyle.Position.Default;
             if (!serieLabel.show) return;
             if (!isOutside) return;
+            var labelLine = SerieHelper.GetSerieLabelLine(serie, serieData);
+            var fontSize = serieData.labelObject.GetHeight();
             if (lastCheckPos == Vector3.zero)
             {
                 lastCheckPos = serieData.context.labelPosition;
@@ -185,7 +182,25 @@ namespace XCharts.Runtime
                     var diffX = labelRadius * labelRadius - diff * diff;
                     diffX = diffX <= 0 ? 0 : diffX;
                     var x1 = serie.context.center.x + Mathf.Sqrt(diffX) * (isLeft ? -1 : 1);
-                    serieData.context.labelPosition = new Vector3(x1, y1);
+                    var newPos = new Vector3(x1, y1);
+                    serieData.context.labelPosition = newPos;
+                    var angle = ChartHelper.GetAngle360(Vector2.up, newPos - serie.context.center);
+                    if (angle >= 180 && angle <= 270)
+                    {
+                        serieData.context.labelPosition = new Vector3(isLeft?(++lastX): (--lastX), y1);
+                    }
+                    else if (angle < 180 && angle >= 90)
+                    {
+                        serieData.context.labelPosition = new Vector3(isLeft?(++lastX): (--lastX), y1);
+                    }
+                    else
+                    {
+                        lastX = x1;
+                    }
+                }
+                else
+                {
+                    lastX = serieData.context.labelPosition.x;
                 }
                 lastCheckPos = serieData.context.labelPosition;
                 serieData.labelObject.SetPosition(SerieLabelHelper.GetRealLabelPosition(serie, serieData, serieLabel, labelLine));
diff --git a/Runtime/Helper/SerieLabelHelper.cs.meta b/Runtime/Component/Label/SerieLabelHelper.cs.meta
similarity index 83%
rename from Runtime/Helper/SerieLabelHelper.cs.meta
rename to Runtime/Component/Label/SerieLabelHelper.cs.meta
index 5b4a31fa..a0d6d81b 100644
--- a/Runtime/Helper/SerieLabelHelper.cs.meta
+++ b/Runtime/Component/Label/SerieLabelHelper.cs.meta
@@ -1,5 +1,5 @@
 fileFormatVersion: 2
-guid: 0b81cddd3452545748563f9c6ea9be69
+guid: 654a13ef33a064e4fbf078742f397b20
 MonoImporter:
   externalObjects: {}
   serializedVersion: 2
diff --git a/Runtime/Component/Legend/Legend.cs b/Runtime/Component/Legend/Legend.cs
index 4c59156f..df3e5b46 100644
--- a/Runtime/Component/Legend/Legend.cs
+++ b/Runtime/Component/Legend/Legend.cs
@@ -80,6 +80,8 @@ namespace XCharts.Runtime
         [SerializeField] private List<string> m_Data = new List<string>();
         [SerializeField] private List<Sprite> m_Icons = new List<Sprite>();
         [SerializeField] private List<Color> m_Colors = new List<Color>();
+        [SerializeField][Since("v3.1.0")] protected ImageStyle m_Background = new ImageStyle() { show = false };
+        [SerializeField][Since("v3.1.0")] protected Padding m_Padding = new Padding();
 
         public LegendContext context = new LegendContext();
 
@@ -95,7 +97,6 @@ namespace XCharts.Runtime
         /// <summary>
         /// Type of legend.
         /// |图例类型。
-        /// [default:Type.Auto] 
         /// </summary>
         public Type iconType
         {
@@ -105,7 +106,6 @@ namespace XCharts.Runtime
         /// <summary>
         /// Selected mode of legend, which controls whether series can be toggled displaying by clicking legends.
         /// |选择模式。控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 None 关闭。
-        /// [default:SelectedMode.Multiple] 
         /// </summary>
         public SelectedMode selectedMode
         {
@@ -115,7 +115,6 @@ namespace XCharts.Runtime
         /// <summary>
         /// Specify whether the layout of legend component is horizontal or vertical.
         /// |布局方式是横还是竖。
-        /// [default:Orient.Horizonal]
         /// </summary>
         public Orient orient
         {
@@ -125,7 +124,6 @@ namespace XCharts.Runtime
         /// <summary>
         /// The location of legend.
         /// |图例显示的位置。
-        /// [default:Location.defaultTop]
         /// </summary>
         public Location location
         {
@@ -135,7 +133,6 @@ namespace XCharts.Runtime
         /// <summary>
         /// Image width of legend symbol.
         /// |图例标记的图形宽度。
-        /// [default:24f]
         /// </summary>
         public float itemWidth
         {
@@ -145,7 +142,6 @@ namespace XCharts.Runtime
         /// <summary>
         /// Image height of legend symbol.
         /// |图例标记的图形高度。
-        /// [default:12f]
         /// </summary>
         public float itemHeight
         {
@@ -155,7 +151,6 @@ namespace XCharts.Runtime
         /// <summary>
         /// The distance between each legend, horizontal distance in horizontal layout, and vertical distance in vertical layout.
         /// |图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。
-        /// [default:10f]
         /// </summary>
         public float itemGap
         {
@@ -165,7 +160,6 @@ namespace XCharts.Runtime
         /// <summary>
         /// Whether the legend symbol matches the color automatically.
         /// |图例标记的图形是否自动匹配颜色。
-        /// [default:true]
         /// </summary>
         public bool itemAutoColor
         {
@@ -187,7 +181,6 @@ namespace XCharts.Runtime
         /// 使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。
         /// 参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings
         /// </summary>
-        /// <value></value>
         public string numericFormatter
         {
             get { return m_NumericFormatter; }
@@ -213,9 +206,27 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetClass(ref m_LabelStyle, value)) SetComponentDirty(); }
         }
         /// <summary>
+        /// the sytle of background.
+        /// |背景图样式。
+        /// </summary>
+        public ImageStyle background
+        {
+            get { return m_Background; }
+            set { if (PropertyUtil.SetClass(ref m_Background, value)) SetAllDirty(); }
+        }
+        /// <summary>
+        /// the paddinng of item and background.
+        /// |图例标记和背景的间距。
+        /// </summary>
+        public Padding padding
+        {
+            get { return m_Padding; }
+            set { if (PropertyUtil.SetClass(ref m_Padding, value)) SetAllDirty(); }
+        }
+        /// <summary>
         /// Data array of legend. An array item is usually a name representing string. (If it is a pie chart, 
         /// it could also be the name of a single data in the pie chart) of a series.
-        /// |If data is not specified, it will be auto collected from series.
+        /// If data is not specified, it will be auto collected from series.
         /// |图例的数据数组。数组项通常为一个字符串，每一项代表一个系列的 name（如果是饼图，也可以是饼图单个数据的 name）。
         /// 如果 data 没有被指定，会自动从当前系列中获取。指定data时里面的数据项和serie匹配时才会生效。
         /// </summary>
@@ -234,7 +245,7 @@ namespace XCharts.Runtime
         }
         /// <summary>
         /// the colors of legend item.
-        /// 图例标记的颜色列表。
+        /// |图例标记的颜色列表。
         /// </summary>
         public List<Color> colors
         {
diff --git a/Runtime/Component/Legend/LegendContext.cs b/Runtime/Component/Legend/LegendContext.cs
index 9bead405..12cc5688 100644
--- a/Runtime/Component/Legend/LegendContext.cs
+++ b/Runtime/Component/Legend/LegendContext.cs
@@ -1,5 +1,6 @@
 using System.Collections.Generic;
 using UnityEngine;
+using UnityEngine.UI;
 
 namespace XCharts.Runtime
 {
@@ -14,6 +15,7 @@ namespace XCharts.Runtime
         /// 运行时图例的总高度
         /// </summary>
         public float height { get; internal set; }
+        public Vector2 center { get; internal set; }
         /// <summary>
         /// the button list of legend.
         /// |图例按钮列表。
@@ -27,5 +29,6 @@ namespace XCharts.Runtime
         /// 单列高度
         /// </summary>
         internal float eachHeight { get; set; }
+        public Image background { get; set; }
     }
 }
\ No newline at end of file
diff --git a/Runtime/Component/Legend/LegendHandler.cs b/Runtime/Component/Legend/LegendHandler.cs
index 75b71615..724d5d06 100644
--- a/Runtime/Component/Legend/LegendHandler.cs
+++ b/Runtime/Component/Legend/LegendHandler.cs
@@ -56,6 +56,9 @@ namespace XCharts.Runtime
                 legend.gameObject = legendObject;
                 legendObject.hideFlags = chart.chartHideFlags;
                 SeriesHelper.UpdateSerieNameList(chart, ref chart.m_LegendRealShowName);
+                legend.context.background = ChartHelper.AddIcon("background", legendObject.transform, 0, 0);
+                legend.context.background.transform.SetSiblingIndex(0);
+                ChartHelper.SetBackground(legend.context.background, legend.background);
                 List<string> datas;
                 if (legend.show && legend.data.Count > 0)
                 {
diff --git a/Runtime/Component/Legend/LegendHelper.cs b/Runtime/Component/Legend/LegendHelper.cs
index 422eb2ab..9151d94d 100644
--- a/Runtime/Component/Legend/LegendHelper.cs
+++ b/Runtime/Component/Legend/LegendHelper.cs
@@ -48,10 +48,11 @@ namespace XCharts.Runtime
             var objAnchorMin = new Vector2(0, 1);
             var objAnchorMax = new Vector2(0, 1);
             var objPivot = new Vector2(0, 1);
-            var btnObj = ChartHelper.AddObject(objName, parent, objAnchorMin, objAnchorMax, objPivot, sizeDelta, i);
+            var btnObj = ChartHelper.AddObject(objName, parent, objAnchorMin, objAnchorMax, objPivot, sizeDelta);
             var iconObj = ChartHelper.AddObject("icon", btnObj.transform, anchorMin, anchorMax, pivot, iconSizeDelta);
             var img = ChartHelper.GetOrAddComponent<Image>(btnObj);
             img.color = Color.clear;
+            img.raycastTarget = true;
             ChartHelper.GetOrAddComponent<Button>(btnObj);
             ChartHelper.GetOrAddComponent<Image>(iconObj);
 
@@ -69,9 +70,22 @@ namespace XCharts.Runtime
             item.SetIconImage(legend.GetIcon(i));
             item.SetContentPosition(legend.labelStyle.offset);
             item.SetContent(content);
+            //item.SetBackground(legend.background);
             return item;
         }
 
+        public static void SetLegendBackground(Legend legend, ImageStyle style)
+        {
+            var background = legend.context.background;
+            if (background == null) return;
+            ChartHelper.SetActive(background, style.show);
+            if (!style.show) return;
+            var rect = background.gameObject.GetComponent<RectTransform>();
+            rect.localPosition = legend.context.center;
+            rect.sizeDelta = new Vector2(legend.context.width, legend.context.height);
+            ChartHelper.SetBackground(background, style);
+        }
+
         public static void ResetItemPosition(Legend legend, Vector3 chartPos, float chartWidth, float chartHeight)
         {
             legend.location.UpdateRuntimeData(chartWidth, chartHeight);
@@ -122,8 +136,19 @@ namespace XCharts.Runtime
                     startY = chartPos.y + legendRuntimeHeight + legend.location.runtimeBottom;
                     break;
             }
+            if (!legend.padding.show)
+            {
+                legend.context.center = new Vector2(startX + legend.context.width / 2, startY - legend.context.height / 2);
+            }
+            else
+            {
+                legend.context.center = new Vector2(startX + legend.context.width / 2 - legend.padding.left,
+                    startY - legend.context.height / 2 + legend.padding.top);
+            }
+
             if (isVertical) SetVerticalItemPosition(legend, legendMaxHeight, startX, startY);
             else SetHorizonalItemPosition(legend, legendMaxWidth, startX, startY);
+            SetLegendBackground(legend, legend.background);
         }
 
         private static void SetVerticalItemPosition(Legend legend, float legendMaxHeight, float startX, float startY)
@@ -214,6 +239,11 @@ namespace XCharts.Runtime
                 legend.context.height = realHeight > 0 ? realHeight : height;
                 legend.context.width = realWidth + width;
             }
+            if (legend.padding.show)
+            {
+                legend.context.width += legend.padding.left + legend.padding.right;
+                legend.context.height += legend.padding.top + legend.padding.bottom;
+            }
         }
 
         private static bool IsBeyondWidth(Legend legend, float maxWidth)
diff --git a/Runtime/Component/Mark/MarkAreaHandler.cs b/Runtime/Component/Mark/MarkAreaHandler.cs
index 9e1345b5..f7939418 100644
--- a/Runtime/Component/Mark/MarkAreaHandler.cs
+++ b/Runtime/Component/Mark/MarkAreaHandler.cs
@@ -39,7 +39,7 @@ namespace XCharts.Runtime
 
         private void InitMarkArea(MarkArea markArea)
         {
-            markArea.painter = chart.m_PainterTop;
+            markArea.painter = chart.m_PainterUpper;
             markArea.refreshComponent = delegate()
             {
                 var label = ChartHelper.AddChartLabel("label", m_MarkLineLabelRoot.transform, markArea.label, chart.theme.axis,
diff --git a/Runtime/Component/Mark/MarkLineHandler.cs b/Runtime/Component/Mark/MarkLineHandler.cs
index 5be581fc..cafbdcf2 100644
--- a/Runtime/Component/Mark/MarkLineHandler.cs
+++ b/Runtime/Component/Mark/MarkLineHandler.cs
@@ -19,7 +19,7 @@ namespace XCharts.Runtime
             InitMarkLine(component);
         }
 
-        public override void DrawTop(VertexHelper vh)
+        public override void DrawUpper(VertexHelper vh)
         {
             DrawMarkLine(vh, component);
         }
@@ -69,7 +69,7 @@ namespace XCharts.Runtime
 
         private void InitMarkLineLabel(Serie serie, MarkLineData data, Color serieColor)
         {
-            data.painter = chart.m_PainterTop;
+            data.painter = chart.m_PainterUpper;
             data.refreshComponent = delegate()
             {
                 var textName = string.Format("markLine_{0}_{1}", serie.index, data.index);
diff --git a/Runtime/Component/Mark/MarkLineHelper.cs b/Runtime/Component/Mark/MarkLineHelper.cs
index 98511fa1..55304ff4 100644
--- a/Runtime/Component/Mark/MarkLineHelper.cs
+++ b/Runtime/Component/Mark/MarkLineHelper.cs
@@ -8,18 +8,19 @@ namespace XCharts.Runtime
         {
             var serieLabel = data.label;
             var numericFormatter = serieLabel.numericFormatter;
-            if (serieLabel.formatterFunction != null)
-            {
-                return serieLabel.formatterFunction(data.index, data.runtimeValue, null);
-            }
             if (string.IsNullOrEmpty(serieLabel.formatter))
-                return ChartCached.NumberToStr(data.runtimeValue, numericFormatter);
+            {
+                var content = ChartCached.NumberToStr(data.runtimeValue, numericFormatter);
+                return serieLabel.formatterFunction == null? content:
+                    serieLabel.formatterFunction(data.index, data.runtimeValue, null, content);
+            }
             else
             {
                 var content = serieLabel.formatter;
                 FormatterHelper.ReplaceSerieLabelContent(ref content, numericFormatter, serie.dataCount, data.runtimeValue,
-                    0, serie.serieName, data.name, data.name, Color.clear);
-                return content;
+                    0, serie.serieName, data.name, data.name, Color.clear, null);
+                return serieLabel.formatterFunction == null? content:
+                    serieLabel.formatterFunction(data.index, data.runtimeValue, null, content);
             }
         }
 
diff --git a/Runtime/Component/Radar/RadarCoord.cs b/Runtime/Component/Radar/RadarCoord.cs
index 8a2c6bb9..5b0cb039 100644
--- a/Runtime/Component/Radar/RadarCoord.cs
+++ b/Runtime/Component/Radar/RadarCoord.cs
@@ -55,7 +55,7 @@ namespace XCharts.Runtime
             /// The name of indicator.
             /// |指示器名称。
             /// </summary>
-            public string name { get { return FormatterHelper.TrimAndReplaceLine(m_Name); } set { m_Name = value; } }
+            public string name { get { return m_Name; } set { m_Name = value; } }
             /// <summary>
             /// The maximum value of indicator, with default value of 0, but we recommend to set it manually.
             /// |指示器的最大值，默认为 0 无限制。
@@ -103,7 +103,7 @@ namespace XCharts.Runtime
         [SerializeField] private bool m_Indicator = true;
         [SerializeField] private PositionType m_PositionType = PositionType.Vertice;
         [SerializeField] private float m_IndicatorGap = 10;
-        [SerializeField] private int m_CeilRate = 0;
+        [SerializeField] private double m_CeilRate = 0;
         [SerializeField] private bool m_IsAxisTooltip;
         [SerializeField] private Color32 m_OutRangeColor = Color.red;
         [SerializeField] private bool m_ConnectCenter = false;
@@ -214,7 +214,7 @@ namespace XCharts.Runtime
         /// The ratio of maximum and minimum values rounded upward. The default is 0, which is automatically calculated.
         /// |最大最小值向上取整的倍率。默认为0时自动计算。
         /// </summary>
-        public int ceilRate
+        public double ceilRate
         {
             get { return m_CeilRate; }
             set { if (PropertyUtil.SetStruct(ref m_CeilRate, value < 0 ? 0 : value)) SetAllDirty(); }
diff --git a/Runtime/Component/Settings/Settings.cs b/Runtime/Component/Settings/Settings.cs
index 4d8bc804..c450f7a9 100644
--- a/Runtime/Component/Settings/Settings.cs
+++ b/Runtime/Component/Settings/Settings.cs
@@ -15,13 +15,15 @@ namespace XCharts.Runtime
         [SerializeField] protected bool m_ReversePainter = false;
         [SerializeField] protected Material m_BasePainterMaterial;
         [SerializeField] protected Material m_SeriePainterMaterial;
+        [SerializeField] protected Material m_UpperPainterMaterial;
         [SerializeField] protected Material m_TopPainterMaterial;
-        [SerializeField][Range(1, 10)] protected float m_LineSmoothStyle = 3f;
+        [SerializeField][Range(1, 10)] protected float m_LineSmoothStyle = 2.5f;
         [SerializeField][Range(1f, 20)] protected float m_LineSmoothness = 2f;
         [SerializeField][Range(0.5f, 20)] protected float m_LineSegmentDistance = 3f;
         [SerializeField][Range(1, 10)] protected float m_CicleSmoothness = 2f;
         [SerializeField] protected float m_LegendIconLineWidth = 2;
         [SerializeField] private float[] m_LegendIconCornerRadius = new float[] { 0.25f, 0.25f, 0.25f, 0.25f };
+        [SerializeField][Since("v3.1.0")] protected float m_AxisMaxSplitNumber = 50;
 
         public bool show { get { return m_Show; } }
         /// <summary>
@@ -58,7 +60,7 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetClass(ref m_SeriePainterMaterial, value)) SetComponentDirty(); }
         }
         /// <summary>
-        /// Top Pointer 材质球，设置后会影响Tooltip等。
+        /// Top Pointer 材质球。
         /// </summary>
         public Material topPainterMaterial
         {
@@ -66,6 +68,14 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetClass(ref m_TopPainterMaterial, value)) SetComponentDirty(); }
         }
         /// <summary>
+        /// Upper Pointer 材质球。
+        /// </summary>
+        public Material upperPainterMaterial
+        {
+            get { return m_UpperPainterMaterial; }
+            set { if (PropertyUtil.SetClass(ref m_UpperPainterMaterial, value)) SetComponentDirty(); }
+        }
+        /// <summary>
         /// Curve smoothing factor. By adjusting the smoothing coefficient, the curvature of the curve can be changed, 
         /// and different curves with slightly different appearance can be obtained.
         /// |曲线平滑系数。通过调整平滑系数可以改变曲线的曲率，得到外观稍微有变化的不同曲线。
@@ -128,12 +138,23 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetClass(ref m_LegendIconCornerRadius, value, true)) SetVerticesDirty(); }
         }
 
+        /// <summary>
+        /// the max splitnumber of axis.
+        /// |坐标轴最大分隔段数。段数过大时可能会生成较多的label节点。
+        /// </summary>
+        public float axisMaxSplitNumber
+        {
+            get { return m_AxisMaxSplitNumber; }
+            set { if (PropertyUtil.SetStruct(ref m_AxisMaxSplitNumber, value)) SetVerticesDirty(); }
+        }
+
         public void Copy(Settings settings)
         {
             m_ReversePainter = settings.reversePainter;
             m_MaxPainter = settings.maxPainter;
             m_BasePainterMaterial = settings.basePainterMaterial;
             m_SeriePainterMaterial = settings.seriePainterMaterial;
+            m_UpperPainterMaterial = settings.upperPainterMaterial;
             m_TopPainterMaterial = settings.topPainterMaterial;
             m_LineSmoothStyle = settings.lineSmoothStyle;
             m_LineSmoothness = settings.lineSmoothness;
diff --git a/Runtime/Component/Title/TitleHandler.cs b/Runtime/Component/Title/TitleHandler.cs
index 63e32940..a0437acb 100644
--- a/Runtime/Component/Title/TitleHandler.cs
+++ b/Runtime/Component/Title/TitleHandler.cs
@@ -24,7 +24,7 @@ namespace XCharts.Runtime
                 var titleObject = ChartHelper.AddObject(objName, chart.transform, anchorMin, anchorMax,
                     pivot, chart.chartSizeDelta);
                 title.gameObject = titleObject;
-                title.gameObject.transform.SetSiblingIndex(chart.m_PainterTop.transform.GetSiblingIndex() + 1);
+                title.gameObject.transform.SetSiblingIndex(chart.m_PainterUpper.transform.GetSiblingIndex() + 1);
                 anchorMin = title.location.runtimeAnchorMin;
                 anchorMax = title.location.runtimeAnchorMax;
                 pivot = title.location.runtimePivot;
diff --git a/Runtime/Component/Tooltip/Tooltip.cs b/Runtime/Component/Tooltip/Tooltip.cs
index 8e13e316..6b34a910 100644
--- a/Runtime/Component/Tooltip/Tooltip.cs
+++ b/Runtime/Component/Tooltip/Tooltip.cs
@@ -140,7 +140,23 @@ namespace XCharts.Runtime
         /// The placeholder {I} can be set separately to indicate that the title is ignored and not displayed.
         /// Template see itemFormatter.
         /// |提示框标题内容的字符串模版格式器。支持用 \n 换行。可以单独设置占位符{i}表示忽略不显示title。
-        /// 模板变量参考Toolip的itemFormatter。
+        /// 模板变量有{.}、{a}、{b}、{c}、{d}、{e}、{f}、{g}。</br>
+        /// {.}为当前所指示或index为0的serie的对应颜色的圆点。</br>
+        /// {a}为当前所指示或index为0的serie的系列名name。</br>
+        /// {b}为当前所指示或index为0的serie的数据项serieData的name，或者类目值（如折线图的X轴）。</br>
+        /// {c}为当前所指示或index为0的serie的y维（dimesion为1）的数值。</br>
+        /// {d}为当前所指示或index为0的serie的y维（dimesion为1）百分比值，注意不带%号。</br>
+        /// {e}为当前所指示或index为0的serie的数据项serieData的name。</br>
+        /// {f}为数据总和。</br>
+        /// {g}为数据总个数。</br>
+        /// {.1}表示指定index为1的serie对应颜色的圆点。</br>
+        /// {a1}、{b1}、{c1}中的1表示指定index为1的serie。</br>
+        /// {c1:2}表示索引为1的serie的当前指示数据项的第3个数据（一个数据项有多个数据，index为2表示第3个数据）。</br>
+        /// {c1:2-2}表示索引为1的serie的第3个数据项的第3个数据（也就是要指定第几个数据项时必须要指定第几个数据）。</br>
+        /// {d1:2:f2}表示单独指定了数值的格式化字符串为f2（不指定时用numericFormatter）。</br>
+        /// {d:0.##} 表示单独指定了数值的格式化字符串为 0.## （用于百分比，保留2位有效数同时又能避免使用 f2 而出现的类似于"100.00%"的情况 ）。</br>
+        /// 示例："{a}:{c}"、"{a1}:{c1:f1}"、"{a1}:{c1:0:f1}"、"{a1}:{c1:1-1:f1}"
+        /// </summary>
         /// </summary>
         public string titleFormatter { get { return m_TitleFormatter; } set { m_TitleFormatter = value; } }
         /// <summary>
@@ -160,22 +176,21 @@ namespace XCharts.Runtime
         /// {d1:2: F2} indicates that a formatted string with a value specified separately is F2 (numericFormatter is used when numericFormatter is not specified).</br>
         /// {d:0.##} indicates that a formatted string with a value specified separately is 0.##   (used for percentage, reserved 2 valid digits while avoiding the situation similar to "100.00%" when using f2 ).</br>
         /// Example: "{a}, {c}", "{a1}, {c1: f1}", "{a1}, {c1:0: f1}", "{a1} : {c1:1-1: f1}"</br>
-        /// |提示框单个serie或数据项内容的字符串模版格式器。支持用 \n 换行。
-        /// 模板变量有{.}、{a}、{b}、{c}、{d}、{e}。</br>
-        /// {.}为当前所指示或index为0的serie的对应颜色的圆点。</br>
-        /// {a}为当前所指示或index为0的serie的系列名name。</br>
-        /// {b}为当前所指示或index为0的serie的数据项serieData的name，或者类目值（如折线图的X轴）。</br>
-        /// {c}为当前所指示或index为0的serie的y维（dimesion为1）的数值。</br>
-        /// {d}为当前所指示或index为0的serie的y维（dimesion为1）百分比值，注意不带%号。</br>
-        /// {e}为当前所指示或index为0的serie的数据项serieData的name。</br>
-        /// {f}为数据总和。</br>
-        /// {.1}表示指定index为1的serie对应颜色的圆点。</br>
-        /// {a1}、{b1}、{c1}中的1表示指定index为1的serie。</br>
-        /// {c1:2}表示索引为1的serie的当前指示数据项的第3个数据（一个数据项有多个数据，index为2表示第3个数据）。</br>
-        /// {c1:2-2}表示索引为1的serie的第3个数据项的第3个数据（也就是要指定第几个数据项时必须要指定第几个数据）。</br>
-        /// {d1:2:f2}表示单独指定了数值的格式化字符串为f2（不指定时用numericFormatter）。</br>
-        /// {d:0.##} 表示单独指定了数值的格式化字符串为 0.## （用于百分比，保留2位有效数同时又能避免使用 f2 而出现的类似于"100.00%"的情况 ）。</br>
-        /// 示例："{a}:{c}"、"{a1}:{c1:f1}"、"{a1}:{c1:0:f1}"、"{a1}:{c1:1-1:f1}"
+        /// |提示框单个serie或数据项内容的字符串模版格式器。支持用 \n 换行。用|来表示多个列的分隔。
+        /// 模板变量有{.}、{a}、{b}、{c}、{d}、{e}、{f}、{g}。</br>
+        /// {i}或-表示忽略当前项。
+        /// {.}为当前所指示的serie或数据项的对应颜色的圆点。</br>
+        /// {a}为当前所指示的serie或数据项的系列名name。</br>
+        /// {b}为当前所指示的serie或数据项的数据项serieData的name，或者类目值（如折线图的X轴）。</br>
+        /// {c}为当前所指示的serie或数据项的y维（dimesion为1）的数值。</br>
+        /// {d}为当前所指示的serie或数据项的y维（dimesion为1）百分比值，注意不带%号。</br>
+        /// {e}为当前所指示的serie或数据项的数据项serieData的name。</br>
+        /// {f}为当前所指示的serie的默认维度的数据总和。</br>
+        /// {g}为当前所指示的serie的数据总个数。</br>
+        /// {c0}表示当前数据项维度为0的数据。</br>
+        /// {c1}表示当前数据项维度为1的数据。</br>
+        /// |表示多个列的分隔。<br>
+        /// 示例："{i}", "{.}|{a}|{c}", "{.}|{b}|{c2:f2}"
         /// </summary>
         public string itemFormatter { get { return m_ItemFormatter; } set { m_ItemFormatter = value; } }
         /// <summary>
diff --git a/Runtime/Component/Tooltip/TooltipHandler.cs b/Runtime/Component/Tooltip/TooltipHandler.cs
index e55d3670..e06b11cc 100644
--- a/Runtime/Component/Tooltip/TooltipHandler.cs
+++ b/Runtime/Component/Tooltip/TooltipHandler.cs
@@ -26,14 +26,14 @@ namespace XCharts.Runtime
                 component.view.Update();
         }
 
-        public override void DrawTop(VertexHelper vh)
+        public override void DrawUpper(VertexHelper vh)
         {
             DrawTooltipIndicator(vh, component);
         }
 
         private void InitTooltip(Tooltip tooltip)
         {
-            tooltip.painter = chart.m_PainterTop;
+            tooltip.painter = chart.m_PainterUpper;
             tooltip.refreshComponent = delegate()
             {
                 var objName = ChartCached.GetComponentObjectName(tooltip);
@@ -126,7 +126,7 @@ namespace XCharts.Runtime
             }
             else
             {
-                chart.RefreshTopPainter();
+                chart.RefreshUpperPainter();
             }
         }
 
@@ -199,6 +199,7 @@ namespace XCharts.Runtime
         private ISerieContainer GetPointerContainerAndSeries(Tooltip tooltip, List<Serie> list)
         {
             list.Clear();
+            ISerieContainer target = null;
             for (int i = chart.components.Count - 1; i >= 0; i--)
             {
                 var component = chart.components[i];
@@ -210,14 +211,14 @@ namespace XCharts.Runtime
                         foreach (var serie in chart.series)
                         {
                             if (serie is INeedSerieContainer &&
-                                (serie as INeedSerieContainer).containterInstanceId == component.instanceId)
+                                (serie as INeedSerieContainer).containterInstanceId == component.instanceId &&
+                                !serie.placeHolder)
                             {
                                 var isTriggerAxis = tooltip.IsTriggerAxis();
                                 if (container is GridCoord)
                                 {
                                     var xAxis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
                                     var yAxis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-                                    serie.context.pointerEnter = true;
                                     UpdateAxisPointerDataIndex(serie, xAxis, yAxis, container as GridCoord, isTriggerAxis);
                                 }
                                 else if (container is PolarCoord)
@@ -230,11 +231,11 @@ namespace XCharts.Runtime
                                     chart.RefreshTopPainter();
                             }
                         }
-                        return container;
+                        target = container;
                     }
                 }
             }
-            return null;
+            return target;
         }
 
         private void UpdateAxisPointerDataIndex(Serie serie, XAxis xAxis, YAxis yAxis, GridCoord grid, bool isTriggerAxis)
@@ -242,11 +243,16 @@ namespace XCharts.Runtime
             serie.context.pointerAxisDataIndexs.Clear();
             if (yAxis.IsCategory())
             {
-                serie.context.pointerAxisDataIndexs.Add((int) yAxis.context.pointerValue);
-                yAxis.context.axisTooltipValue = yAxis.context.pointerValue;
+                if (isTriggerAxis)
+                {
+                    serie.context.pointerEnter = true;
+                    serie.context.pointerAxisDataIndexs.Add((int) yAxis.context.pointerValue);
+                    yAxis.context.axisTooltipValue = yAxis.context.pointerValue;
+                }
             }
             else if (yAxis.IsTime())
             {
+                serie.context.pointerEnter = true;
                 if (isTriggerAxis)
                     GetSerieDataIndexByAxis(serie, yAxis, grid);
                 else
@@ -254,11 +260,16 @@ namespace XCharts.Runtime
             }
             else if (xAxis.IsCategory())
             {
-                serie.context.pointerAxisDataIndexs.Add((int) xAxis.context.pointerValue);
-                xAxis.context.axisTooltipValue = xAxis.context.pointerValue;
+                if (isTriggerAxis)
+                {
+                    serie.context.pointerEnter = true;
+                    serie.context.pointerAxisDataIndexs.Add(serie.context.dataZoomStartIndex + (int) xAxis.context.pointerValue);
+                    xAxis.context.axisTooltipValue = xAxis.context.pointerValue;
+                }
             }
             else
             {
+                serie.context.pointerEnter = true;
                 if (isTriggerAxis)
                     GetSerieDataIndexByAxis(serie, xAxis, grid);
                 else
@@ -436,7 +447,7 @@ namespace XCharts.Runtime
                     var axis = component as Axis;
                     if (axis.gridIndex == gridIndex && axis.IsCategory())
                     {
-                        dataIndex = (int) axis.context.pointerValue;
+                        dataIndex = axis.context.dataZoomStartIndex + (int) axis.context.pointerValue;
                         category = axis.GetData(dataIndex);
                         return true;
                     }
@@ -449,6 +460,7 @@ namespace XCharts.Runtime
         {
             if (!tooltip.show) return;
             if (tooltip.type == Tooltip.Type.None) return;
+            if (!IsAnySerieNeedTooltip()) return;
             if (m_PointerContainer is GridCoord)
             {
                 var grid = m_PointerContainer as GridCoord;
@@ -477,6 +489,7 @@ namespace XCharts.Runtime
 
         private void DrawXAxisIndicator(VertexHelper vh, Tooltip tooltip, GridCoord grid)
         {
+
             var xAxes = chart.GetChartComponents<XAxis>();
             var lineType = tooltip.lineStyle.GetType(chart.theme.tooltip.lineType);
             var lineWidth = tooltip.lineStyle.GetWidth(chart.theme.tooltip.lineWidth);
@@ -485,6 +498,8 @@ namespace XCharts.Runtime
                 var xAxis = component as XAxis;
                 if (xAxis.gridIndex == grid.index)
                 {
+                    if (double.IsInfinity(xAxis.context.pointerValue))
+                        continue;
                     var dataZoom = chart.GetDataZoomOfAxis(xAxis);
                     int dataCount = chart.series.Count > 0 ? chart.series[0].GetDataList(dataZoom).Count : 0;
                     float splitWidth = AxisHelper.GetDataWidth(xAxis, grid.context.width, dataCount, dataZoom);
@@ -499,22 +514,7 @@ namespace XCharts.Runtime
                             Vector2 sp = new Vector2(pX, grid.context.y);
                             Vector2 ep = new Vector2(pX, grid.context.y + grid.context.height);
                             var lineColor = TooltipHelper.GetLineColor(tooltip, chart.theme);
-                            // if (xAxis.IsCategory() && tooltip.type == Tooltip.Type.Corss)
-                            // {
-                            //     float tooltipSplitWid = splitWidth < 1 ? 1 : splitWidth;
-                            //     pX = (float)(grid.context.x + splitWidth * xAxis.context.pointerValue -
-                            //         (xAxis.boundaryGap ? 0 : splitWidth / 2));
-                            //     float pY = grid.context.y + grid.context.height;
-                            //     Vector3 p1 = new Vector3(pX, grid.context.y);
-                            //     Vector3 p2 = new Vector3(pX, pY);
-                            //     Vector3 p3 = new Vector3(pX + tooltipSplitWid, pY);
-                            //     Vector3 p4 = new Vector3(pX + tooltipSplitWid, grid.context.y);
-                            //     UGL.DrawQuadrilateral(vh, p1, p2, p3, p4, chart.theme.tooltip.areaColor);
-                            // }
-                            // else
-                            {
-                                ChartDrawer.DrawLineStyle(vh, lineType, lineWidth, sp, ep, lineColor);
-                            }
+                            ChartDrawer.DrawLineStyle(vh, lineType, lineWidth, sp, ep, lineColor);
                             if (tooltip.type == Tooltip.Type.Corss)
                             {
                                 sp = new Vector2(grid.context.x, chart.pointerPos.y);
@@ -523,7 +523,7 @@ namespace XCharts.Runtime
                             }
                             break;
                         case Tooltip.Type.Shadow:
-                            if (xAxis.IsCategory())
+                            if (xAxis.IsCategory() && !double.IsInfinity(xAxis.context.pointerValue))
                             {
                                 float tooltipSplitWid = splitWidth < 1 ? 1 : splitWidth;
                                 pX = (float) (grid.context.x + splitWidth * xAxis.context.pointerValue -
@@ -540,17 +540,27 @@ namespace XCharts.Runtime
                 }
             }
         }
+
+        private bool IsAnySerieNeedTooltip()
+        {
+            foreach (var serie in chart.series)
+            {
+                if (serie.context.pointerEnter) return true;
+            }
+            return false;
+        }
         private void DrawYAxisIndicator(VertexHelper vh, Tooltip tooltip, GridCoord grid)
         {
             var yAxes = chart.GetChartComponents<YAxis>();
             var lineType = tooltip.lineStyle.GetType(chart.theme.tooltip.lineType);
             var lineWidth = tooltip.lineStyle.GetWidth(chart.theme.tooltip.lineWidth);
-
             foreach (var component in yAxes)
             {
                 var yAxis = component as YAxis;
                 if (yAxis.gridIndex == grid.index)
                 {
+                    if (double.IsInfinity(yAxis.context.pointerValue))
+                        continue;
                     var dataZoom = chart.GetDataZoomOfAxis(yAxis);
                     int dataCount = chart.series.Count > 0 ? chart.series[0].GetDataList(dataZoom).Count : 0;
                     float splitWidth = AxisHelper.GetDataWidth(yAxis, grid.context.height, dataCount, dataZoom);
@@ -563,22 +573,7 @@ namespace XCharts.Runtime
                             Vector2 sp = new Vector2(grid.context.x, pY);
                             Vector2 ep = new Vector2(grid.context.x + grid.context.width, pY);
                             var lineColor = TooltipHelper.GetLineColor(tooltip, chart.theme);
-                            // if (yAxis.IsCategory() && tooltip.type == Tooltip.Type.Corss)
-                            // {
-                            //     float tooltipSplitWid = splitWidth < 1 ? 1 : splitWidth;
-                            //     float pX = grid.context.x + grid.context.width;
-                            //     pY = (float)(grid.context.y + splitWidth * yAxis.context.pointerValue -
-                            //         (yAxis.boundaryGap ? 0 : splitWidth / 2));
-                            //     Vector3 p1 = new Vector3(grid.context.x, pY);
-                            //     Vector3 p2 = new Vector3(grid.context.x, pY + tooltipSplitWid);
-                            //     Vector3 p3 = new Vector3(pX, pY + tooltipSplitWid);
-                            //     Vector3 p4 = new Vector3(pX, pY);
-                            //     UGL.DrawQuadrilateral(vh, p1, p2, p3, p4, chart.theme.tooltip.areaColor);
-                            // }
-                            // else
-                            {
-                                ChartDrawer.DrawLineStyle(vh, lineType, lineWidth, sp, ep, lineColor);
-                            }
+                            ChartDrawer.DrawLineStyle(vh, lineType, lineWidth, sp, ep, lineColor);
                             if (tooltip.type == Tooltip.Type.Corss)
                             {
                                 sp = new Vector2(chart.pointerPos.x, grid.context.y);
diff --git a/Runtime/Component/Tooltip/TooltipHelper.cs b/Runtime/Component/Tooltip/TooltipHelper.cs
index 9e099bd9..f0dd53d6 100644
--- a/Runtime/Component/Tooltip/TooltipHelper.cs
+++ b/Runtime/Component/Tooltip/TooltipHelper.cs
@@ -9,7 +9,7 @@ namespace XCharts.Runtime
         {
             if (!string.IsNullOrEmpty(tooltip.titleFormatter))
             {
-                if (tooltip.titleFormatter.Equals("{i}", StringComparison.CurrentCultureIgnoreCase))
+                if (IsIgnoreFormatter(tooltip.titleFormatter))
                 {
                     tooltip.context.data.title = string.Empty;
                 }
@@ -23,7 +23,7 @@ namespace XCharts.Runtime
             for (int i = tooltip.context.data.param.Count - 1; i >= 0; i--)
             {
                 var param = tooltip.context.data.param[i];
-                if (TooltipHelper.IsIgnoreItemFormatter(param.itemFormatter))
+                if (IsIgnoreFormatter(param.itemFormatter))
                 {
                     tooltip.context.data.param.RemoveAt(i);
                 }
@@ -42,7 +42,8 @@ namespace XCharts.Runtime
                         param.serieName,
                         param.category,
                         param.serieData.name,
-                        param.color);
+                        param.color,
+                        param.serieData);
                     foreach (var item in content.Split('|'))
                     {
                         param.columns.Add(item);
@@ -51,9 +52,9 @@ namespace XCharts.Runtime
             }
         }
 
-        public static bool IsIgnoreItemFormatter(string itemFormatter)
+        public static bool IsIgnoreFormatter(string itemFormatter)
         {
-            return "-".Equals(itemFormatter);
+            return "-".Equals(itemFormatter) ||"{i}".Equals(itemFormatter, StringComparison.CurrentCultureIgnoreCase);
         }
 
         public static void LimitInRect(Tooltip tooltip, Rect chartRect)
@@ -64,13 +65,18 @@ namespace XCharts.Runtime
             var pos = tooltip.view.GetTargetPos();
             if (pos.x + tooltip.context.width > chartRect.x + chartRect.width)
             {
-                //pos.x = chartRect.x + chartRect.width - tooltip.context.width;
-                pos.x = pos.x - tooltip.context.width - tooltip.offset.x;
+                pos.x = tooltip.context.pointer.x - tooltip.context.width - tooltip.offset.x;
+            }
+            else if (pos.x < chartRect.x)
+            {
+                pos.x = tooltip.context.pointer.x - tooltip.context.width + Mathf.Abs(tooltip.offset.x);
             }
             if (pos.y - tooltip.context.height < chartRect.y)
             {
                 pos.y = chartRect.y + tooltip.context.height;
             }
+            if (pos.y > chartRect.y + chartRect.height)
+                pos.y = chartRect.y + chartRect.height;
             tooltip.UpdateContentPos(pos);
         }
 
diff --git a/Runtime/Component/Tooltip/TooltipView.cs b/Runtime/Component/Tooltip/TooltipView.cs
index 2fe075f1..959283c0 100644
--- a/Runtime/Component/Tooltip/TooltipView.cs
+++ b/Runtime/Component/Tooltip/TooltipView.cs
@@ -58,6 +58,11 @@ namespace XCharts.Runtime
         {
             m_Active = flag && tooltip.showContent;
             ChartHelper.SetActive(gameObject, m_Active);
+            if (!flag)
+            {
+                foreach (var item in m_Items)
+                    item.gameObject.SetActive(false);
+            }
         }
 
         public void Refresh()
diff --git a/Runtime/Coord/Grid/GridCoordHandler.cs b/Runtime/Coord/Grid/GridCoordHandler.cs
index 03dec597..cf37bad7 100644
--- a/Runtime/Coord/Grid/GridCoordHandler.cs
+++ b/Runtime/Coord/Grid/GridCoordHandler.cs
@@ -57,7 +57,7 @@ namespace XCharts.Runtime
                 DrawCoord(vh, component);
             }
         }
-        public override void DrawTop(VertexHelper vh)
+        public override void DrawUpper(VertexHelper vh)
         {
             if (SeriesHelper.IsAnyClipSerie(chart.series))
             {
diff --git a/Runtime/Coord/Parallel/ParallelCoordHandler.cs b/Runtime/Coord/Parallel/ParallelCoordHandler.cs
index 315e4779..7e68ada6 100644
--- a/Runtime/Coord/Parallel/ParallelCoordHandler.cs
+++ b/Runtime/Coord/Parallel/ParallelCoordHandler.cs
@@ -56,7 +56,7 @@ namespace XCharts.Runtime
                 DrawCoord(vh);
             }
         }
-        public override void DrawTop(VertexHelper vh)
+        public override void DrawUpper(VertexHelper vh)
         {
             if (SeriesHelper.IsAnyClipSerie(chart.series))
             {
@@ -165,7 +165,7 @@ namespace XCharts.Runtime
                         axis.context.offset = 0;
                         axis.context.lastCheckInverse = axis.inverse;
 
-                        AxisHandler<ParallelAxis>.UpdateAxisTickValueList(axis);
+                        (axis.handler as ParallelAxisHander).UpdateAxisTickValueList(axis);
                         (axis.handler as ParallelAxisHander).UpdateAxisLabelText(axis);
                         chart.RefreshChart();
                     }
diff --git a/Runtime/Helper/FormatterHelper.cs b/Runtime/Helper/FormatterHelper.cs
index 06490eb5..6cb3a659 100644
--- a/Runtime/Helper/FormatterHelper.cs
+++ b/Runtime/Helper/FormatterHelper.cs
@@ -16,8 +16,8 @@ namespace XCharts.Runtime
         private static Regex s_RegexNewLine = new Regex(@"[\\|/]+n|</br>|<br>|<br/>", RegexOptions.IgnoreCase);
         private static Regex s_RegexForAxisLabel = new Regex(@"{value(:[c-g|x|p|r]\d*)?}", RegexOptions.IgnoreCase);
         private static Regex s_RegexSubForAxisLabel = new Regex(@"(value)|([c-g|x|p|r]\d*)", RegexOptions.IgnoreCase);
-        private static Regex s_RegexForSerieLabel = new Regex(@"{[a-g|\.](:[c-g|x|p|r]\d*)?}", RegexOptions.IgnoreCase);
-        private static Regex s_RegexSubForSerieLabel = new Regex(@"(\.)|([a-g])|([c-g|x|p|r]\d*)", RegexOptions.IgnoreCase);
+        private static Regex s_RegexForSerieLabel = new Regex(@"{[a-g|\.]\d*(:[c-g|x|p|r]\d*)?}", RegexOptions.IgnoreCase);
+        private static Regex s_RegexSubForSerieLabel = new Regex(@"(\.)|([a-g]\d*)|([c-g|x|p|r]\d*)", RegexOptions.IgnoreCase);
 
         public static bool NeedFormat(string content)
         {
@@ -167,7 +167,7 @@ namespace XCharts.Runtime
         }
 
         public static void ReplaceSerieLabelContent(ref string content, string numericFormatter, int dataCount, double value, double total,
-            string serieName, string category, string dataName, Color color)
+            string serieName, string category, string dataName, Color color, SerieData serieData)
         {
             var mc = s_RegexForSerieLabel.Matches(content);
             foreach (var m in mc)
@@ -176,7 +176,13 @@ namespace XCharts.Runtime
                 var args = s_RegexSubForSerieLabel.Matches(old);
                 var argsCount = args.Count;
                 if (argsCount <= 0) continue;
-                var p = args[0].ToString().ElementAt(0);
+                var pstr = args[0].ToString();
+                var p = pstr.ElementAt(0);
+                var pIndex = -1;
+                if (pstr.Length > 1)
+                {
+                    int.TryParse(pstr.Substring(1, pstr.Length - 1), out pIndex);
+                }
                 if (argsCount >= 2)
                 {
                     numericFormatter = args[1].ToString();
@@ -204,7 +210,10 @@ namespace XCharts.Runtime
                 }
                 else if (p == 'c' || p == 'C')
                 {
-                    content = content.Replace(old, ChartCached.NumberToStr(value, numericFormatter));
+                    if (pIndex >= 0 && serieData != null)
+                        content = content.Replace(old, ChartCached.NumberToStr(serieData.GetData(pIndex), numericFormatter));
+                    else
+                        content = content.Replace(old, ChartCached.NumberToStr(value, numericFormatter));
                 }
                 else if (p == 'f' || p == 'f')
                 {
diff --git a/Runtime/Internal/Attributes/SinceAttribute.cs b/Runtime/Internal/Attributes/SinceAttribute.cs
new file mode 100644
index 00000000..958d5ad2
--- /dev/null
+++ b/Runtime/Internal/Attributes/SinceAttribute.cs
@@ -0,0 +1,15 @@
+using System;
+
+namespace XCharts.Runtime
+{
+    [AttributeUsage(AttributeTargets.Field, AllowMultiple = false)]
+    public class Since : Attribute
+    {
+        public readonly string version;
+
+        public Since(string version)
+        {
+            this.version = version;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Runtime/Internal/Attributes/SinceAttribute.cs.meta b/Runtime/Internal/Attributes/SinceAttribute.cs.meta
new file mode 100644
index 00000000..783b8592
--- /dev/null
+++ b/Runtime/Internal/Attributes/SinceAttribute.cs.meta
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 04c4c3fba4de2404d9c715eeff4a707c
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Runtime/Internal/BaseChart.API.cs b/Runtime/Internal/BaseChart.API.cs
index 230af44a..3459b54a 100644
--- a/Runtime/Internal/BaseChart.API.cs
+++ b/Runtime/Internal/BaseChart.API.cs
@@ -84,7 +84,11 @@ namespace XCharts.Runtime
         /// </summary>
         public Action<VertexHelper, Serie> onDrawAfterSerie { set { m_OnDrawSerieAfter = value; } }
         /// <summary>
-        /// 自定义Top绘制回调。在绘制Tooltip前调用。
+        /// 自定义Upper层绘制回调。在绘制Tooltip前调用。
+        /// </summary>
+        public Action<VertexHelper> onDrawUpper { set { m_OnDrawUpper = value; } }
+        /// <summary>
+        /// 自定义Top层绘制回调。在绘制Tooltip前调用。
         /// </summary>
         public Action<VertexHelper> onDrawTop { set { m_OnDrawTop = value; } }
         /// <summary>
@@ -143,6 +147,7 @@ namespace XCharts.Runtime
             m_RefreshChart = true;
             if (m_Painter) m_Painter.Refresh();
             foreach (var painter in m_PainterList) painter.Refresh();
+            if (m_PainterUpper) m_PainterUpper.Refresh();
             if (m_PainterTop) m_PainterTop.Refresh();
         }
 
@@ -507,6 +512,19 @@ namespace XCharts.Runtime
             }
         }
 
+        /// <summary>
+        /// 设置Upper Painter的材质球
+        /// </summary>
+        /// <param name="material"></param>
+        public void SetUpperPainterMaterial(Material material)
+        {
+            settings.upperPainterMaterial = material;
+            if (m_PainterUpper != null)
+            {
+                m_PainterUpper.material = material;
+            }
+        }
+
         /// <summary>
         /// 设置Top Painter的材质球
         /// </summary>
diff --git a/Runtime/Internal/BaseChart.Component.cs b/Runtime/Internal/BaseChart.Component.cs
index e7ef7b3c..8e19c4d5 100644
--- a/Runtime/Internal/BaseChart.Component.cs
+++ b/Runtime/Internal/BaseChart.Component.cs
@@ -423,5 +423,22 @@ namespace XCharts.Runtime
             }
             return null;
         }
+
+        internal bool GetSerieGridCoordAxis(Serie serie, out Axis axis, out Axis relativedAxis)
+        {
+            var yAxis = GetChartComponent<YAxis>(serie.yAxisIndex);
+            var isY = yAxis.IsCategory();
+            if (isY)
+            {
+                axis = yAxis;
+                relativedAxis = GetChartComponent<XAxis>(serie.xAxisIndex);
+            }
+            else
+            {
+                axis = GetChartComponent<XAxis>(serie.xAxisIndex);
+                relativedAxis = yAxis;
+            }
+            return isY;
+        }
     }
 }
\ No newline at end of file
diff --git a/Runtime/Internal/BaseChart.Serie.cs b/Runtime/Internal/BaseChart.Serie.cs
index d5c28b8b..8d8c0a5e 100644
--- a/Runtime/Internal/BaseChart.Serie.cs
+++ b/Runtime/Internal/BaseChart.Serie.cs
@@ -100,7 +100,14 @@ namespace XCharts.Runtime
         {
             foreach (var serie in m_Series)
             {
-                if (serie.serieName.Equals(serieName)) return serie;
+                if (string.IsNullOrEmpty(serie.serieName))
+                {
+                    if (string.IsNullOrEmpty(serieName)) return serie;
+                }
+                else if (serie.serieName.Equals(serieName))
+                {
+                    return serie;
+                }
             }
             return null;
         }
diff --git a/Runtime/Internal/BaseChart.cs b/Runtime/Internal/BaseChart.cs
index 50b44db5..266d53d6 100644
--- a/Runtime/Internal/BaseChart.cs
+++ b/Runtime/Internal/BaseChart.cs
@@ -81,6 +81,7 @@ namespace XCharts.Runtime
         protected Action m_OnInit;
         protected Action m_OnUpdate;
         protected Action<VertexHelper> m_OnDrawBase;
+        protected Action<VertexHelper> m_OnDrawUpper;
         protected Action<VertexHelper> m_OnDrawTop;
         protected Action<VertexHelper, Serie> m_OnDrawSerieBefore;
         protected Action<VertexHelper, Serie> m_OnDrawSerieAfter;
@@ -96,8 +97,10 @@ namespace XCharts.Runtime
         internal bool m_CheckAnimation = false;
         internal protected List<string> m_LegendRealShowName = new List<string>();
         protected List<Painter> m_PainterList = new List<Painter>();
+        internal Painter m_PainterUpper;
         internal Painter m_PainterTop;
         internal int m_BasePainterVertCount;
+        internal int m_UpperPainterVertCount;
         internal int m_TopPainterVertCount;
 
         private ThemeType m_CheckTheme = 0;
@@ -201,6 +204,11 @@ namespace XCharts.Runtime
             m_PainterTop.Refresh();
         }
 
+        public void RefreshUpperPainter()
+        {
+            m_PainterUpper.Refresh();
+        }
+
         public void RefreshPainter(int index)
         {
             var painter = GetPainter(index);
@@ -218,7 +226,7 @@ namespace XCharts.Runtime
             base.RefreshPainter(painter);
             if (painter != null && painter.type == Painter.Type.Serie)
             {
-                m_PainterTop.Refresh();
+                m_PainterUpper.Refresh();
             }
         }
 
@@ -267,9 +275,12 @@ namespace XCharts.Runtime
             if (component == null) return;
             if (component.anyDirty)
             {
-                if (component.componentDirty && component.refreshComponent != null)
+                if (component.componentDirty)
                 {
-                    component.refreshComponent.Invoke();
+                    if (component.refreshComponent != null)
+                        component.refreshComponent.Invoke();
+                    else
+                        component.handler.InitComponent();
                 }
                 if (component.vertsDirty)
                 {
@@ -306,6 +317,10 @@ namespace XCharts.Runtime
                 serie.index = i;
                 SetPainterActive(i, true);
             }
+            if (transform.childCount - 3 != m_PainterTop.transform.GetSiblingIndex())
+            {
+                m_PainterTop.transform.SetSiblingIndex(transform.childCount - 3);
+            }
         }
 
         protected override void InitPainter()
@@ -328,6 +343,14 @@ namespace XCharts.Runtime
                 painter.transform.SetSiblingIndex(index + 1);
                 m_PainterList.Add(painter);
             }
+            m_PainterUpper = ChartHelper.AddPainterObject("painter_u", transform, m_GraphMinAnchor,
+                m_GraphMaxAnchor, m_GraphPivot, sizeDelta, chartHideFlags, 2 + settings.maxPainter);
+            m_PainterUpper.type = Painter.Type.Top;
+            m_PainterUpper.onPopulateMesh = OnDrawPainterUpper;
+            m_PainterUpper.SetActive(true, m_DebugInfo.showAllChartObject);
+            m_PainterUpper.material = settings.topPainterMaterial;
+            m_PainterUpper.transform.SetSiblingIndex(settings.maxPainter + 1);
+
             m_PainterTop = ChartHelper.AddPainterObject("painter_t", transform, m_GraphMinAnchor,
                 m_GraphMaxAnchor, m_GraphPivot, sizeDelta, chartHideFlags, 2 + settings.maxPainter);
             m_PainterTop.type = Painter.Type.Top;
@@ -372,6 +395,7 @@ namespace XCharts.Runtime
             if (m_Painter == null) return;
             m_Painter.CheckRefresh();
             foreach (var painter in m_PainterList) painter.CheckRefresh();
+            if (m_PainterUpper != null) m_PainterUpper.CheckRefresh();
             if (m_PainterTop != null) m_PainterTop.CheckRefresh();
         }
 
@@ -543,6 +567,7 @@ namespace XCharts.Runtime
             var maxPainter = settings.maxPainter;
             var maxSeries = m_Series.Count;
             var rate = Mathf.CeilToInt(maxSeries * 1.0f / maxPainter);
+            m_PainterUpper.Refresh();
             m_PainterTop.Refresh();
             m_DebugInfo.refreshCount++;
             for (int i = painter.index * rate; i < (painter.index + 1) * rate && i < maxSeries; i++)
@@ -574,6 +599,18 @@ namespace XCharts.Runtime
             }
         }
 
+        protected virtual void OnDrawPainterUpper(VertexHelper vh, Painter painter)
+        {
+            vh.Clear();
+            DrawPainterUpper(vh);
+            foreach (var draw in m_ComponentHandlers) draw.DrawUpper(vh);
+            if (m_OnDrawUpper != null)
+            {
+                m_OnDrawUpper(vh);
+            }
+            m_UpperPainterVertCount = vh.currentVertCount;
+        }
+
         protected virtual void OnDrawPainterTop(VertexHelper vh, Painter painter)
         {
             vh.Clear();
@@ -588,6 +625,12 @@ namespace XCharts.Runtime
 
         protected virtual void DrawPainterSerie(VertexHelper vh, Serie serie) { }
 
+        protected virtual void DrawPainterUpper(VertexHelper vh)
+        {
+            foreach (var handler in m_SerieHandlers)
+                handler.DrawUpper(vh);
+        }
+
         protected virtual void DrawPainterTop(VertexHelper vh)
         {
             foreach (var handler in m_SerieHandlers)
diff --git a/Runtime/Internal/Basic/MainComponent.cs b/Runtime/Internal/Basic/MainComponent.cs
index a0834de1..202831e1 100644
--- a/Runtime/Internal/Basic/MainComponent.cs
+++ b/Runtime/Internal/Basic/MainComponent.cs
@@ -9,7 +9,7 @@ namespace XCharts.Runtime
     [System.Serializable]
     public class MainComponent : IComparable
     {
-        public int instanceId { get; internal set; }
+        public int instanceId { get { return index; } }
         public int index { get; internal set; }
         protected bool m_VertsDirty;
         protected bool m_ComponentDirty;
@@ -96,6 +96,7 @@ namespace XCharts.Runtime
         public virtual void CheckComponent(StringBuilder sb) { }
         public virtual void Update() { }
         public virtual void DrawBase(VertexHelper vh) { }
+        public virtual void DrawUpper(VertexHelper vh) { }
         public virtual void DrawTop(VertexHelper vh) { }
         public virtual void OnSerieDataUpdate(int serieIndex) { }
         public virtual void OnPointerClick(PointerEventData eventData) { }
diff --git a/Runtime/Internal/Misc/DelegateFunction.cs b/Runtime/Internal/Misc/DelegateFunction.cs
index 3843ca28..224616bd 100644
--- a/Runtime/Internal/Misc/DelegateFunction.cs
+++ b/Runtime/Internal/Misc/DelegateFunction.cs
@@ -9,8 +9,10 @@ namespace XCharts.Runtime
     /// </summary>
     /// <param name="dataIndex">数据索引</param>
     /// <param name="value">数值</param>
+    /// <param name="category">类目</param>
+    /// <param name="content">当前内容</param>
     /// <returns>最终显示的文本内容</returns>
-    public delegate string LabelFormatterFunction(int dataIndex, double value, string category);
+    public delegate string LabelFormatterFunction(int dataIndex, double value, string category, string content);
     public delegate float AnimationDelayFunction(int dataIndex);
     public delegate float AnimationDurationFunction(int dataIndex);
     /// <summary>
diff --git a/Runtime/Internal/Object/LegendItem.cs b/Runtime/Internal/Object/LegendItem.cs
index 9a6f7540..95194bb6 100644
--- a/Runtime/Internal/Object/LegendItem.cs
+++ b/Runtime/Internal/Object/LegendItem.cs
@@ -13,6 +13,7 @@ namespace XCharts.Runtime
         private Button m_Button;
         private Image m_Icon;
         private ChartText m_Text;
+        private Image m_Background;
         private Image m_TextBackground;
         private RectTransform m_Rect;
         private RectTransform m_IconRect;
@@ -53,7 +54,7 @@ namespace XCharts.Runtime
                 }
                 else
                 {
-                    return 0;
+                    return m_Text.GetPreferredHeight();
                 }
             }
         }
@@ -64,6 +65,7 @@ namespace XCharts.Runtime
             m_Button = obj.GetComponent<Button>();
             m_Rect = obj.GetComponent<RectTransform>();
             m_Icon = obj.transform.Find("icon").gameObject.GetComponent<Image>();
+            m_Background = obj.GetComponent<Image>();
             m_TextBackground = obj.transform.Find("content").gameObject.GetComponent<Image>();
             m_Text = new ChartText(obj);
             m_IconRect = m_Icon.gameObject.GetComponent<RectTransform>();
@@ -172,7 +174,8 @@ namespace XCharts.Runtime
 
         public bool SetContent(string content)
         {
-            if (m_Text != null && !m_Text.GetText().Equals(content))
+            if (m_Text == null) return false;
+            if (!m_Text.GetText().Equals(content))
             {
                 m_Text.SetText(content);
                 if (m_LabelAutoSize)
@@ -186,11 +189,13 @@ namespace XCharts.Runtime
                         m_TextRect.anchoredPosition3D = new Vector3(m_LabelPaddingLeftRight, 0);
                         m_TextBackgroundRect.sizeDelta = new Vector2(m_Text.GetPreferredWidth() + m_LabelPaddingLeftRight * 2,
                             m_Text.GetPreferredHeight() + m_LabelPaddingTopBottom * 2 - 4);
-                        m_Rect.sizeDelta = new Vector3(width, height);
+
                     }
+                    m_Rect.sizeDelta = new Vector3(width, height);
                     return sizeChange;
                 }
             }
+            m_Rect.sizeDelta = new Vector3(width, height);
             return false;
         }
 
@@ -209,5 +214,10 @@ namespace XCharts.Runtime
                 m_GameObject.SetActive(active);
             }
         }
+
+        public void SetBackground(ImageStyle imageStyle)
+        {
+            ChartHelper.SetBackground(m_Background, imageStyle);
+        }
     }
 }
\ No newline at end of file
diff --git a/Runtime/Internal/Utilities/ChartHelper.cs b/Runtime/Internal/Utilities/ChartHelper.cs
index c254007c..abf9ad4f 100644
--- a/Runtime/Internal/Utilities/ChartHelper.cs
+++ b/Runtime/Internal/Utilities/ChartHelper.cs
@@ -314,6 +314,22 @@ namespace XCharts.Runtime
             return img;
         }
 
+        public static void SetBackground(Image background, ImageStyle imageStyle)
+        {
+            if (background == null) return;
+            if (imageStyle.show)
+            {
+                background.sprite = imageStyle.sprite;
+                background.color = imageStyle.color;
+                background.type = imageStyle.type;
+            }
+            else
+            {
+                background.sprite = null;
+                background.color = Color.clear;
+            }
+        }
+
         public static ChartLabel AddAxisLabelObject(int total, int index, string name, Transform parent,
             Vector2 sizeDelta, Axis axis, ComponentTheme theme,
             string content, Color autoColor, TextAnchor autoAlignment = TextAnchor.MiddleCenter)
@@ -340,20 +356,6 @@ namespace XCharts.Runtime
             var alignment = textStyle.GetAlignment(autoAlignment);
             UpdateAnchorAndPivotByTextAlignment(alignment, out anchorMin, out anchorMax, out pivot);
             var labelObj = AddObject(name, parent, anchorMin, anchorMax, pivot, sizeDelta);
-            // TODO: 为了兼容旧版本，这里后面版本可以去掉
-            #region temp code
-            var oldText = labelObj.GetComponent<Text>();
-            if (oldText != null)
-            {
-                GameObject.DestroyImmediate(oldText);
-            }
-            var oldImage = labelObj.GetComponent<Image>();
-            if (oldImage != null)
-            {
-                GameObject.DestroyImmediate(oldImage);
-            }
-            #endregion
-
             var label = GetOrAddComponent<ChartLabel>(labelObj);
             label.text = AddTextObject("Text", label.gameObject.transform, anchorMin, anchorMax, pivot,
                 sizeDelta, textStyle, theme, autoColor, autoAlignment, label.text);
@@ -608,7 +610,7 @@ namespace XCharts.Runtime
             return (Color32) color;
         }
 
-        public static double GetMaxDivisibleValue(double max, int ceilRate)
+        public static double GetMaxDivisibleValue(double max, double ceilRate)
         {
             if (max == 0) return 0;
             if (max > -1 && max < 1)
@@ -650,7 +652,7 @@ namespace XCharts.Runtime
             }
         }
 
-        public static double GetMinDivisibleValue(double min, int ceilRate)
+        public static double GetMinDivisibleValue(double min, double ceilRate)
         {
             if (min == 0) return 0;
             if (min > -1 && min < 1)
diff --git a/Runtime/Internal/XChartsMgr.cs b/Runtime/Internal/XChartsMgr.cs
index 69b9c211..9a839481 100644
--- a/Runtime/Internal/XChartsMgr.cs
+++ b/Runtime/Internal/XChartsMgr.cs
@@ -20,8 +20,8 @@ namespace XCharts.Runtime
     [ExecuteInEditMode]
     public static class XChartsMgr
     {
-        public static readonly string version = "3.0.1";
-        public static readonly int versionDate = 20220616;
+        public static readonly string version = "3.1.0";
+        public static readonly int versionDate = 20220712;
         public static string fullVersion { get { return version + "-" + versionDate; } }
 
         internal static List<BaseChart> chartList = new List<BaseChart>();
diff --git a/Runtime/Serie/Bar/BarHandler.cs b/Runtime/Serie/Bar/BarHandler.cs
index d5818098..0e1d4df8 100644
--- a/Runtime/Serie/Bar/BarHandler.cs
+++ b/Runtime/Serie/Bar/BarHandler.cs
@@ -62,7 +62,7 @@ namespace XCharts.Runtime
             if (m_SerieGrid == null)
                 return;
 
-            var needCheck = (chart.isPointerInChart && m_SerieGrid.IsPointerEnter()) || m_LegendEnter;
+            var needCheck = (chart.isPointerInChart && m_SerieGrid.IsPointerEnter() && !serie.placeHolder) || m_LegendEnter;
             var needInteract = false;
             if (!needCheck)
             {
@@ -128,21 +128,9 @@ namespace XCharts.Runtime
             if (!serie.show || serie.animation.HasFadeOut())
                 return;
 
-            var isY = ComponentHelper.IsAnyCategoryOfYAxis(chart.components);
-
             Axis axis;
             Axis relativedAxis;
-
-            if (isY)
-            {
-                axis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-                relativedAxis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-            }
-            else
-            {
-                axis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-                relativedAxis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-            }
+            var isY = chart.GetSerieGridCoordAxis(serie, out axis, out relativedAxis);
             m_SerieGrid = chart.GetChartComponent<GridCoord>(axis.gridIndex);
 
             if (axis == null)
diff --git a/Runtime/Serie/Bar/SimplifiedBarHandler.cs b/Runtime/Serie/Bar/SimplifiedBarHandler.cs
index 3e4264de..fffb5779 100644
--- a/Runtime/Serie/Bar/SimplifiedBarHandler.cs
+++ b/Runtime/Serie/Bar/SimplifiedBarHandler.cs
@@ -104,21 +104,9 @@ namespace XCharts.Runtime
             if (!serie.show || serie.animation.HasFadeOut())
                 return;
 
-            var isY = ComponentHelper.IsAnyCategoryOfYAxis(chart.components);
-
             Axis axis;
             Axis relativedAxis;
-
-            if (isY)
-            {
-                axis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-                relativedAxis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-            }
-            else
-            {
-                axis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-                relativedAxis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-            }
+            var isY = chart.GetSerieGridCoordAxis(serie, out axis, out relativedAxis);
             m_SerieGrid = chart.GetChartComponent<GridCoord>(axis.gridIndex);
 
             if (axis == null)
diff --git a/Runtime/Serie/Line/LineHandler.GridCoord.cs b/Runtime/Serie/Line/LineHandler.GridCoord.cs
index ff008396..7c24bf37 100644
--- a/Runtime/Serie/Line/LineHandler.GridCoord.cs
+++ b/Runtime/Serie/Line/LineHandler.GridCoord.cs
@@ -145,21 +145,11 @@ namespace XCharts.Runtime
             var lineArrow = serie.lineArrow;
             var visualMap = chart.GetVisualMapOfSerie(serie);
             var isVisualMapGradient = VisualMapHelper.IsNeedLineGradient(visualMap);
-            var isY = ComponentHelper.IsAnyCategoryOfYAxis(chart.components);
 
             Axis axis;
             Axis relativedAxis;
+            chart.GetSerieGridCoordAxis(serie, out axis, out relativedAxis);
 
-            if (isY)
-            {
-                axis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-                relativedAxis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-            }
-            else
-            {
-                axis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-                relativedAxis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-            }
             for (int i = 0; i < count; i++)
             {
                 var serieData = serie.GetSerieData(i);
@@ -270,21 +260,9 @@ namespace XCharts.Runtime
             if (serie.animation.HasFadeOut())
                 return;
 
-            var isY = ComponentHelper.IsAnyCategoryOfYAxis(chart.components);
-
             Axis axis;
             Axis relativedAxis;
-
-            if (isY)
-            {
-                axis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-                relativedAxis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-            }
-            else
-            {
-                axis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-                relativedAxis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-            }
+            var isY = chart.GetSerieGridCoordAxis(serie, out axis, out relativedAxis);
 
             if (axis == null)
                 return;
diff --git a/Runtime/Serie/Line/LineHandler.cs b/Runtime/Serie/Line/LineHandler.cs
index f15ba49e..889fb776 100644
--- a/Runtime/Serie/Line/LineHandler.cs
+++ b/Runtime/Serie/Line/LineHandler.cs
@@ -48,7 +48,7 @@ namespace XCharts.Runtime
             }
         }
 
-        public override void DrawTop(VertexHelper vh)
+        public override void DrawUpper(VertexHelper vh)
         {
             if (serie.IsUseCoord<GridCoord>())
             {
diff --git a/Runtime/Serie/Line/LineHelper.cs b/Runtime/Serie/Line/LineHelper.cs
index 27d06aeb..831a52b4 100644
--- a/Runtime/Serie/Line/LineHelper.cs
+++ b/Runtime/Serie/Line/LineHelper.cs
@@ -271,7 +271,6 @@ namespace XCharts.Runtime
             {
                 var cdata = datas[i];
                 var isIgnore = cdata.isIgnoreBreak;
-
                 var cp = cdata.position;
                 var lp = datas[i - 1].position;
 
@@ -286,7 +285,7 @@ namespace XCharts.Runtime
                 }
                 serie.context.lineEndPostion = cp;
                 serie.context.lineEndValue = AxisHelper.GetAxisPositionValue(grid, relativedAxis, cp);
-                lastDataIsIgnore = isIgnore;
+
                 var handled = false;
                 if (!smooth)
                 {
@@ -315,6 +314,7 @@ namespace XCharts.Runtime
                 }
                 if (handled)
                 {
+                    lastDataIsIgnore = isIgnore;
                     if (isBreak)
                         break;
                     else
@@ -371,7 +371,7 @@ namespace XCharts.Runtime
                             visualMap, serie.lineStyle, grid, axis, relativedAxis, true, lastDataIsIgnore, isIgnore);
                     }
                 }
-
+                lastDataIsIgnore = isIgnore;
                 if (isBreak)
                     break;
             }
@@ -413,9 +413,13 @@ namespace XCharts.Runtime
                 UGL.AddVertToVertexHelper(vh, tp, bp, lineColor, needTriangle);
             }
             if (lastIgnore && !needTriangle)
+            {
                 UGL.AddVertToVertexHelper(vh, tp, bp, ColorUtil.clearColor32, false);
+            }
             if (ignore && needTriangle)
+            {
                 UGL.AddVertToVertexHelper(vh, tp, bp, ColorUtil.clearColor32, false);
+            }
         }
 
         internal static void UpdateSerieDrawPoints(Serie serie, Settings setting, ThemeStyle theme, VisualMap visualMap,
@@ -452,6 +456,7 @@ namespace XCharts.Runtime
                     {
                         var ep = dataPoints[i];
                         var ignore = serie.context.dataIgnores[i];
+
                         var dir = (ep - sp).normalized;
                         var dist = Vector3.Distance(sp, ep);
                         var segment = (int) (dist / setting.lineSegmentDistance);
@@ -496,8 +501,7 @@ namespace XCharts.Runtime
                 if (isY)
                     UGLHelper.GetBezierListVertical(ref s_CurvesPosList, sp, ep, smoothness, setting.lineSmoothStyle);
                 else
-                    UGLHelper.GetBezierList(ref s_CurvesPosList, sp, ep, lsp, nep, smoothness, setting.lineSmoothStyle);
-
+                    UGLHelper.GetBezierList(ref s_CurvesPosList, sp, ep, lsp, nep, smoothness, setting.lineSmoothStyle, true);
                 for (int j = 1; j < s_CurvesPosList.Count; j++)
                 {
                     serie.context.drawPoints.Add(new PointInfo(s_CurvesPosList[j], ignore));
diff --git a/Runtime/Serie/Line/SimplifiedLineHandler.cs b/Runtime/Serie/Line/SimplifiedLineHandler.cs
index 8b2b0e09..49bb49f0 100644
--- a/Runtime/Serie/Line/SimplifiedLineHandler.cs
+++ b/Runtime/Serie/Line/SimplifiedLineHandler.cs
@@ -149,21 +149,10 @@ namespace XCharts.Runtime
             if (serie.animation.HasFadeOut())
                 return;
 
-            var isY = ComponentHelper.IsAnyCategoryOfYAxis(chart.components);
-
             Axis axis;
             Axis relativedAxis;
+            var isY = chart.GetSerieGridCoordAxis(serie, out axis, out relativedAxis);
 
-            if (isY)
-            {
-                axis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-                relativedAxis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-            }
-            else
-            {
-                axis = chart.GetChartComponent<XAxis>(serie.xAxisIndex);
-                relativedAxis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
-            }
             m_SerieGrid = chart.GetChartComponent<GridCoord>(axis.gridIndex);
 
             if (axis == null)
diff --git a/Runtime/Serie/Pie/PieHandler.cs b/Runtime/Serie/Pie/PieHandler.cs
index d8ee94ac..b1c545e3 100644
--- a/Runtime/Serie/Pie/PieHandler.cs
+++ b/Runtime/Serie/Pie/PieHandler.cs
@@ -15,11 +15,22 @@ namespace XCharts.Runtime
             UpdateSerieContext();
         }
 
+        public override void DrawBase(VertexHelper vh)
+        {
+            UpdateRuntimeData(serie);
+            DrawPieLabelLine(vh, serie, false);
+        }
+
         public override void DrawSerie(VertexHelper vh)
         {
             UpdateRuntimeData(serie);
-            DrawPieLabelLine(vh, serie);
             DrawPie(vh, serie);
+            chart.RefreshBasePainter();
+        }
+
+        public override void DrawUpper(VertexHelper vh)
+        {
+            DrawPieLabelLine(vh, serie, true);
         }
 
         public override void UpdateTooltipSerieParams(int dataIndex, bool showCategory, string category,
@@ -390,11 +401,13 @@ namespace XCharts.Runtime
             return false;
         }
 
-        private void DrawPieLabelLine(VertexHelper vh, Serie serie)
+        private void DrawPieLabelLine(VertexHelper vh, Serie serie, bool drawHightlight)
         {
             foreach (var serieData in serie.data)
             {
                 var serieLabel = SerieHelper.GetSerieLabel(serie, serieData);
+                if (drawHightlight && !serieData.context.highlight) continue;
+                if (!drawHightlight && serieData.context.highlight) continue;
                 if (SerieLabelHelper.CanShowLabel(serie, serieData, serieLabel, 1))
                 {
                     int colorIndex = chart.m_LegendRealShowName.IndexOf(serieData.name);
@@ -426,17 +439,12 @@ namespace XCharts.Runtime
                 float currCos = Mathf.Cos(currAngle * Mathf.Deg2Rad);
                 var radius1 = labelLine.lineType == LabelLine.LineType.HorizontalLine ?
                     serie.context.outsideRadius : outSideRadius;
-                var radius2 = serie.context.outsideRadius + labelLine.lineLength1;
                 var radius3 = insideRadius + (outSideRadius - insideRadius) / 2;
                 if (radius1 < serie.context.insideRadius) radius1 = serie.context.insideRadius;
                 radius1 -= 0.1f;
                 var pos0 = new Vector3(center.x + radius3 * currSin, center.y + radius3 * currCos);
                 var pos1 = new Vector3(center.x + radius1 * currSin, center.y + radius1 * currCos);
                 var pos2 = serieData.context.labelPosition;
-                if (pos2.x == 0)
-                {
-                    pos2 = new Vector3(center.x + radius2 * currSin, center.y + radius2 * currCos);
-                }
                 Vector3 pos4, pos6;
                 var horizontalLineCircleRadius = labelLine.lineWidth * 4f;
                 var lineCircleDiff = horizontalLineCircleRadius - 0.3f;
@@ -476,19 +484,27 @@ namespace XCharts.Runtime
                 var pos5X = (currAngle - startAngle) % 360 > 180 ?
                     pos2.x - labelLine.lineLength2 : pos2.x + labelLine.lineLength2;
                 var pos5 = new Vector3(pos5X, pos2.y);
-                switch (labelLine.lineType)
+                var angle = Vector3.Angle(pos1 - center, pos2 - pos1);
+                if (angle > 15)
                 {
-                    case LabelLine.LineType.BrokenLine:
-                        UGL.DrawLine(vh, pos1, pos2, pos5, labelLine.lineWidth, color);
-                        break;
-                    case LabelLine.LineType.Curves:
-                        UGL.DrawCurves(vh, pos1, pos5, pos1, pos2, labelLine.lineWidth, color,
-                            chart.settings.lineSmoothness);
-                        break;
-                    case LabelLine.LineType.HorizontalLine:
-                        UGL.DrawCricle(vh, pos0, horizontalLineCircleRadius, color);
-                        UGL.DrawLine(vh, pos6, pos4, labelLine.lineWidth, color);
-                        break;
+                    UGL.DrawLine(vh, pos1, pos5, labelLine.lineWidth, color);
+                }
+                else
+                {
+                    switch (labelLine.lineType)
+                    {
+                        case LabelLine.LineType.BrokenLine:
+                            UGL.DrawLine(vh, pos1, pos2, pos5, labelLine.lineWidth, color);
+                            break;
+                        case LabelLine.LineType.Curves:
+                            UGL.DrawCurves(vh, pos1, pos5, pos1, pos2, labelLine.lineWidth, color,
+                                chart.settings.lineSmoothness);
+                            break;
+                        case LabelLine.LineType.HorizontalLine:
+                            UGL.DrawCricle(vh, pos0, horizontalLineCircleRadius, color);
+                            UGL.DrawLine(vh, pos6, pos4, labelLine.lineWidth, color);
+                            break;
+                    }
                 }
             }
         }
diff --git a/Runtime/Serie/Serie.cs b/Runtime/Serie/Serie.cs
index 96895ea2..245b8dca 100644
--- a/Runtime/Serie/Serie.cs
+++ b/Runtime/Serie/Serie.cs
@@ -212,7 +212,7 @@ namespace XCharts.Runtime
         [SerializeField] private float[] m_Center = new float[2] { 0.5f, 0.48f };
         [SerializeField] private float[] m_Radius = new float[2] { 0, 0.28f };
 
-        [SerializeField][Range(1, 10)] private int m_ShowDataDimension;
+        [SerializeField][Range(2, 10)] private int m_ShowDataDimension;
         [SerializeField] private bool m_ShowDataName;
         [SerializeField] private bool m_Clip = false;
         [SerializeField] private bool m_Ignore = false;
@@ -686,7 +686,7 @@ namespace XCharts.Runtime
         /// <summary>
         /// 数据项里的数据维数。
         /// </summary>
-        public int showDataDimension { get { return m_ShowDataDimension; } set { m_ShowDataDimension = value; } }
+        public int showDataDimension { get { return m_ShowDataDimension; } set { m_ShowDataDimension = Mathf.Clamp(2, 10, value); } }
         /// <summary>
         /// 在Editor的inpsector上是否显示name参数
         /// </summary>
@@ -852,8 +852,11 @@ namespace XCharts.Runtime
         public override void ClearVerticesDirty()
         {
             base.ClearVerticesDirty();
-            foreach (var serieData in m_Data)
-                serieData.ClearVerticesDirty();
+            if (!IsPerformanceMode())
+            {
+                foreach (var serieData in m_Data)
+                    serieData.ClearVerticesDirty();
+            }
             symbol.ClearVerticesDirty();
             lineStyle.ClearVerticesDirty();
             itemStyle.ClearVerticesDirty();
@@ -872,8 +875,11 @@ namespace XCharts.Runtime
         public override void ClearComponentDirty()
         {
             base.ClearComponentDirty();
-            foreach (var serieData in m_Data)
-                serieData.ClearComponentDirty();
+            if (!IsPerformanceMode())
+            {
+                foreach (var serieData in m_Data)
+                    serieData.ClearComponentDirty();
+            }
             symbol.ClearComponentDirty();
             lineStyle.ClearComponentDirty();
             itemStyle.ClearComponentDirty();
@@ -900,6 +906,8 @@ namespace XCharts.Runtime
 
         private bool AnySerieDataVerticesDirty()
         {
+            if (IsPerformanceMode())
+                return false;
             if (this is ISimplifiedSerie)
                 return false;
             foreach (var serieData in m_Data)
@@ -909,6 +917,8 @@ namespace XCharts.Runtime
 
         private bool AnySerieDataComponentDirty()
         {
+            if (IsPerformanceMode())
+                return false;
             if (this is ISimplifiedSerie)
                 return false;
             foreach (var serieData in m_Data)
@@ -1132,7 +1142,7 @@ namespace XCharts.Runtime
             serieData.index = xValue;
             serieData.id = dataId;
             AddSerieData(serieData);
-            m_ShowDataDimension = 1;
+            m_ShowDataDimension = 2;
             SetVerticesDirty();
             CheckDataName(dataName);
             labelDirty = true;
@@ -1650,7 +1660,7 @@ namespace XCharts.Runtime
         /// </summary>
         public bool IsPerformanceMode()
         {
-            return m_Large && m_Data.Count > m_LargeThreshold;
+            return m_Large && m_Data.Count >= m_LargeThreshold;
         }
 
         public bool IsLegendName(string legendName)
diff --git a/Runtime/Serie/SerieContext.cs b/Runtime/Serie/SerieContext.cs
index 931513f1..a458a528 100644
--- a/Runtime/Serie/SerieContext.cs
+++ b/Runtime/Serie/SerieContext.cs
@@ -30,6 +30,7 @@ namespace XCharts.Runtime
         /// </summary>
         public List<int> pointerAxisDataIndexs = new List<int>();
         public bool isTriggerByAxis = false;
+        public int dataZoomStartIndex = 0;
 
         /// <summary>
         /// 中心点
diff --git a/Runtime/Serie/SerieHandler.cs b/Runtime/Serie/SerieHandler.cs
index 8a2594b8..6f0f8ed9 100644
--- a/Runtime/Serie/SerieHandler.cs
+++ b/Runtime/Serie/SerieHandler.cs
@@ -18,6 +18,7 @@ namespace XCharts.Runtime
         public virtual void Update() { }
         public virtual void DrawBase(VertexHelper vh) { }
         public virtual void DrawSerie(VertexHelper vh) { }
+        public virtual void DrawUpper(VertexHelper vh) { }
         public virtual void DrawTop(VertexHelper vh) { }
         public virtual void OnPointerClick(PointerEventData eventData) { }
         public virtual void OnPointerDown(PointerEventData eventData) { }
@@ -509,7 +510,7 @@ namespace XCharts.Runtime
                 return;
 
             itemFormatter = SerieHelper.GetItemFormatter(serie, serieData, itemFormatter);
-            if (TooltipHelper.IsIgnoreItemFormatter(itemFormatter))
+            if (serie.placeHolder || TooltipHelper.IsIgnoreFormatter(itemFormatter))
                 return;
 
             var param = serie.context.param;
@@ -549,7 +550,7 @@ namespace XCharts.Runtime
                 return;
 
             itemFormatter = SerieHelper.GetItemFormatter(serie, serieData, itemFormatter);
-            if (TooltipHelper.IsIgnoreItemFormatter(itemFormatter))
+            if (serie.placeHolder || TooltipHelper.IsIgnoreFormatter(itemFormatter))
                 return;
 
             var colorIndex = chart.GetLegendRealShowNameIndex(serieData.name);
diff --git a/Runtime/Helper/SerieHelper.cs b/Runtime/Serie/SerieHelper.cs
similarity index 98%
rename from Runtime/Helper/SerieHelper.cs
rename to Runtime/Serie/SerieHelper.cs
index 2000726e..c611f9c1 100644
--- a/Runtime/Helper/SerieHelper.cs
+++ b/Runtime/Serie/SerieHelper.cs
@@ -573,7 +573,7 @@ namespace XCharts.Runtime
         /// <param name="dimension"></param>
         /// <param name="dataZoom"></param>
         /// <returns></returns>
-        public static void UpdateMinMaxData(Serie serie, int dimension, int ceilRate = 0, DataZoom dataZoom = null)
+        public static void UpdateMinMaxData(Serie serie, int dimension, double ceilRate = 0, DataZoom dataZoom = null)
         {
             double min = 0, max = 0;
             GetMinMaxData(serie, dimension, out min, out max, dataZoom);
@@ -589,7 +589,7 @@ namespace XCharts.Runtime
             }
         }
 
-        public static void GetAllMinMaxData(Serie serie, int ceilRate = 0, DataZoom dataZoom = null)
+        public static void GetAllMinMaxData(Serie serie, double ceilRate = 0, DataZoom dataZoom = null)
         {
             double min = 0, max = 0;
             GetMinMaxData(serie, out min, out max, dataZoom);
@@ -707,17 +707,25 @@ namespace XCharts.Runtime
                     if (range > data.Count - start - 1)
                         start = data.Count - range - 1;
                     if (start >= 0)
+                    {
+                        serie.context.dataZoomStartIndex = start;
                         serie.m_FilterData = data.GetRange(start, range);
+                    }
                     else
+                    {
+                        serie.context.dataZoomStartIndex = 0;
                         serie.m_FilterData = data;
+                    }
                 }
                 else
                 {
+                    serie.context.dataZoomStartIndex = 0;
                     serie.m_FilterData = data;
                 }
             }
             else if (end == 0)
             {
+                serie.context.dataZoomStartIndex = 0;
                 serie.m_FilterData = emptyFilter;
             }
         }
diff --git a/Runtime/Helper/SerieHelper.cs.meta b/Runtime/Serie/SerieHelper.cs.meta
similarity index 83%
rename from Runtime/Helper/SerieHelper.cs.meta
rename to Runtime/Serie/SerieHelper.cs.meta
index a2ba9d14..cfb4c051 100644
--- a/Runtime/Helper/SerieHelper.cs.meta
+++ b/Runtime/Serie/SerieHelper.cs.meta
@@ -1,5 +1,5 @@
 fileFormatVersion: 2
-guid: 8c031417514104eebb5bbd60dd1f90fd
+guid: 73512c276f5c34fb4a28cf61b2a0c4f1
 MonoImporter:
   externalObjects: {}
   serializedVersion: 2
diff --git a/Runtime/Helper/SeriesHelper.cs b/Runtime/Serie/SeriesHelper.cs
similarity index 97%
rename from Runtime/Helper/SeriesHelper.cs
rename to Runtime/Serie/SeriesHelper.cs
index 09be09c1..71da5b81 100644
--- a/Runtime/Helper/SeriesHelper.cs
+++ b/Runtime/Serie/SeriesHelper.cs
@@ -138,15 +138,6 @@ namespace XCharts.Runtime
             return null;
         }
 
-        public static Serie GetSerieByVesselIndex(List<Serie> series, int vesselIndex)
-        {
-            foreach (var serie in series)
-            {
-                if (serie.vesselIndex == vesselIndex) return serie;
-            }
-            return null;
-        }
-
         private static HashSet<string> _setForStack = new HashSet<string>();
         /// <summary>
         /// 是否由数据堆叠
@@ -434,8 +425,8 @@ namespace XCharts.Runtime
             }
             else
             {
-                minVaule = min > 1 ? Math.Floor(min) : min;
-                maxValue = max > 1 ? Math.Ceiling(max) : max;
+                minVaule = min;
+                maxValue = max;
             }
         }
 
diff --git a/Runtime/Helper/SeriesHelper.cs.meta b/Runtime/Serie/SeriesHelper.cs.meta
similarity index 83%
rename from Runtime/Helper/SeriesHelper.cs.meta
rename to Runtime/Serie/SeriesHelper.cs.meta
index bda31ead..4a9ecc15 100644
--- a/Runtime/Helper/SeriesHelper.cs.meta
+++ b/Runtime/Serie/SeriesHelper.cs.meta
@@ -1,5 +1,5 @@
 fileFormatVersion: 2
-guid: 96a06a5949772464da15c44ae2ad400d
+guid: 0a1c1086d9f88497d9e0ac89d719ff48
 MonoImporter:
   externalObjects: {}
   serializedVersion: 2
diff --git a/Runtime/Theme/AxisTheme.cs b/Runtime/Theme/AxisTheme.cs
index be4496be..ee5d8fdf 100644
--- a/Runtime/Theme/AxisTheme.cs
+++ b/Runtime/Theme/AxisTheme.cs
@@ -122,7 +122,10 @@ namespace XCharts.Runtime
             get { return m_TickColor; }
             set { if (PropertyUtil.SetColor(ref m_TickColor, value)) SetVerticesDirty(); }
         }
-
+        /// <summary>
+        /// the colors of split area.
+        /// |坐标轴分隔区域的颜色。
+        /// </summary>
         public List<Color32> splitAreaColors
         {
             get { return m_SplitAreaColors; }
diff --git a/Runtime/Theme/SerieTheme.cs b/Runtime/Theme/SerieTheme.cs
index f22e0c68..c97a693d 100644
--- a/Runtime/Theme/SerieTheme.cs
+++ b/Runtime/Theme/SerieTheme.cs
@@ -27,18 +27,38 @@ namespace XCharts.Runtime
             get { return m_LineWidth; }
             set { if (PropertyUtil.SetStruct(ref m_LineWidth, value)) SetVerticesDirty(); }
         }
+        /// <summary>
+        /// the symbol size of line serie.
+        /// |折线图的Symbol大小。
+        /// </summary>
         public float lineSymbolSize
         {
             get { return m_LineSymbolSize; }
             set { if (PropertyUtil.SetStruct(ref m_LineSymbolSize, value)) SetVerticesDirty(); }
         }
+        /// <summary>
+        /// the selected symbol size of line serie.
+        /// |折线图Symbol在被选中状态时的大小。
+        /// </summary>
         public float lineSymbolSelectedSize { get { return lineSymbolSize * selectedRate; } }
+        /// <summary>
+        /// the symbol size of scatter serie.
+        /// |散点图的Symbol大小。
+        /// </summary>
         public float scatterSymbolSize
         {
             get { return m_ScatterSymbolSize; }
             set { if (PropertyUtil.SetStruct(ref m_ScatterSymbolSize, value)) SetVerticesDirty(); }
         }
+        /// <summary>
+        /// the selected symbol size of scatter serie.
+        /// |散点图的Symbol在被选中状态时的大小。
+        /// </summary>
         public float scatterSymbolSelectedSize { get { return scatterSymbolSize * selectedRate; } }
+        /// <summary>
+        /// the rate of symbol size of line or scatter serie.
+        /// |折线图或散点图在被选中时的放大倍数。
+        /// </summary>
         public float selectedRate
         {
             get { return m_SelectedRate; }
@@ -46,7 +66,8 @@ namespace XCharts.Runtime
         }
 
         /// <summary>
-        /// 饼图鼠标移到高亮时的额外半径
+        /// the extra radius of pie when actived by tooltip.
+        /// |饼图鼠标移到高亮时的额外半径
         /// </summary>
         public float pieTooltipExtraRadius
         {
@@ -54,7 +75,8 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetStruct(ref m_PieTooltipExtraRadius, value < 0 ? 0f : value)) SetVerticesDirty(); }
         }
         /// <summary>
-        /// 饼图选中时的中心点偏移
+        /// the center offset of pie if selected.
+        /// |饼图选中时的中心点偏移。
         /// </summary>
         public float pieSelectedOffset
         {
diff --git a/Runtime/Theme/ThemeStyle.cs b/Runtime/Theme/ThemeStyle.cs
index aaa616e7..f174dbcd 100644
--- a/Runtime/Theme/ThemeStyle.cs
+++ b/Runtime/Theme/ThemeStyle.cs
@@ -58,17 +58,23 @@ namespace XCharts.Runtime
         {
             get { return sharedTheme.themeType; }
         }
+        /// <summary>
+        /// theme name.
+        /// |主题名字。
+        /// </summary>
         public string themeName
         {
             get { return sharedTheme.themeName; }
         }
-
+        /// <summary>
+        /// the asset of theme.
+        /// |主题配置。
+        /// </summary>
         public Theme sharedTheme
         {
             get { return m_SharedTheme; }
             set { m_SharedTheme = value; SetAllDirty(); }
         }
-
         /// <summary>
         /// the contrast color of chart.
         /// |对比色。
@@ -91,7 +97,7 @@ namespace XCharts.Runtime
         }
         /// <summary>
         /// Whether the background color is transparent. When true, the background color is not drawn.
-        /// ｜是否透明背景颜色。当设置为true时，不绘制背景颜色。
+        /// |是否透明背景颜色。当设置为true时，不绘制背景颜色。
         /// </summary>
         public bool transparentBackground
         {
diff --git a/Runtime/XUGL/UGLHelper.cs b/Runtime/XUGL/UGLHelper.cs
index 9d17934f..2f7166cb 100644
--- a/Runtime/XUGL/UGLHelper.cs
+++ b/Runtime/XUGL/UGLHelper.cs
@@ -59,8 +59,7 @@ namespace XUGL
 
             for (int i = 0; i < list1.Count; i++)
             {
-                if (list1[i] == null && list2[i] == null)
-                { }
+                if (list1[i] == null && list2[i] == null) { }
                 else
                 {
                     if (list1[i] != null)
@@ -109,7 +108,7 @@ namespace XUGL
         }
 
         public static void GetBezierList(ref List<Vector3> posList, Vector3 sp, Vector3 ep,
-            Vector3 lsp, Vector3 nep, float smoothness = 2f, float k = 2.0f)
+            Vector3 lsp, Vector3 nep, float smoothness = 2f, float k = 2.0f, bool limit = false)
         {
             float dist = Mathf.Abs(sp.x - ep.x);
             Vector3 cp1, cp2;
@@ -124,9 +123,20 @@ namespace XUGL
             else
             {
                 cp1 = sp + (ep - lsp).normalized * diff;
+                if (limit)
+                    cp1.y = sp.y;
+
+            }
+            if (nep == ep)
+            {
+                cp2 = ep;
+            }
+            else
+            {
+                cp2 = ep - (nep - sp).normalized * diff;
+                if (limit)
+                    cp2.y = ep.y;
             }
-            if (nep == ep) cp2 = ep;
-            else cp2 = ep - (nep - sp).normalized * diff;
             dist = Vector3.Distance(sp, ep);
             int segment = (int) (dist / (smoothness <= 0 ? 2f : smoothness));
             if (segment < 1) segment = (int) (dist / 0.5f);
diff --git a/package.json b/package.json
index 5e21cefc..146a1bd0 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,9 @@
 {
   "name": "com.monitor1394.xcharts",
   "displayName": "XCharts",
-  "version": "3.0.1",
-  "date": "20220616",
-  "checkdate": "20220616",
+  "version": "3.1.0",
+  "date": "20220712",
+  "checkdate": "20220712",
   "desc": "如果 XCharts 对您有帮助，希望您能在 Github 上点 Star 支持，非常感谢！",
   "unity": "2018.3",
   "description": "A charting and data visualization library for Unity.",
@@ -11,6 +11,7 @@
     "chart",
     "charts",
     "graph",
+    "unity-chart",
     "data-visualization"
   ],
   "category": "chart",