v3.0.0-preivew8

2026-05-24 18:00:26 +00:00 · 2022-04-26 08:24:45 +08:00
parent f11ee84517
commit 9dedc1db68
80 changed files with 1189 additions and 1307 deletions
--- a/Documentation/CHANGELOG-EN.md
+++ b/Documentation/CHANGELOG-EN.md
@@ -39,6 +39,12 @@

 ## master

+* (2022.04.23) Remove `Serie` `IconStyle` component
+* (2022.04.23) Enhance `LabelStyle`, all components `TextStyle` will be upgraded to `LabelStyle`
+* (2022.04.19) Added `Label` `rotate` to support setting rotation
+* (2022.04.17) Fixed animation invalidation of `Bar` when the value is negative
+* (2022.04.17) Added `BorderGap` support for `ItemStyle` to set border spacing
+* (2022.04.16) Optimize the `Border` and `Capsule` histogram of `Bar`
 * (2021.08.15) Fixed the problem of displaying exceptions after adding data again when `DataZoom` is enable (#163)
 * (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)
--- a/Documentation/SUPPORT.md
+++ b/Documentation/SUPPORT.md
@@ -4,34 +4,34 @@

 ## 订阅服务

-| |免费用户|个人`1`年`VIP`|个人`2`年`VIP` | 个人长期`VIP` |
-| ----- |--|--|--|--|
-| 订阅费用 | --    | `298`¥ | `498`¥ | `888`¥ |
-| 席位时长 | --    | `1`个席位<br>`1`年 | `1`个席位<br>`2`年 | `1`个席位<br>`长期` |
-||
+| |免费用户|付费咨询|个人`1`年`VIP`|个人`2`年`VIP` | 个人长期`VIP` |
+| ----- |--|--|--|--|--|
+| 订阅费用 | --  | `98`¥   | `298`¥ | `498`¥ | `888`¥ |
+| 席位时长 | -- | `1`个席位<br>`7`天，`7`小时* | `1`个席位<br>`1`年 | `1`个席位<br>`2`年 | `1`个席位<br>`长期` |
 | <b>`服务方式：`</b>|
-| 官方QQ群交流      | √ | √ | √ | √ |
-| 专属VIP群交流     |   | √ | √ | √ |
-| 即时一对一交流     |   | √ | √ | √ |
-||
+| 官方QQ群交流      | √ | √ | √ | √ | √ |
+| 即时一对一交流     |   | √ | √ | √ | √ |
+| 专属VIP群交流     |   |   | √ | √ | √ |
 | <b>`服务内容：`</b>|
-| 可商用            | √ | √ | √ | √ |
-| 可二次开发         | √ | √ | √ | √ |
-| 有问必答          |   | √ | √ | √ |
-| 新手指导          |   | √ | √ | √ |
-| 开发指导          |   | √ | √ | √ |
-| 优化指导          |   | √ | √ | √ |
-| 其他技术支持       |   | √ | √ | √ |
-| 问题及时处理       |   | √ | √ | √ |
-| 需求优先考虑       |   | √ | √ | √ |
-| 可另付费定制       |   | √ | √ | √ |
-| 可另付费加急       |   | √ | √ | √ |
-| 付费模块85折       |   |   |   | √ |
+| 可商用            | √ | √ | √ | √ | √ |
+| 可二次开发         | √ | √ | √ | √ | √ |
+| 有问必答          |   | √ | √ | √ | √ |
+| 即时回应          |   | √ | √ | √ | √ |
+| 新手指导          |   | √ | √ | √ | √ |
+| 开发指导          |   | √ | √ | √ | √ |
+| 优化指导          |   | √ | √ | √ | √ |
+| 其他技术支持       |   |   | √ | √ | √ |
+| 问题及时处理       |   |   | √ | √ | √ |
+| 需求优先考虑       |   |   | √ | √ | √ |
+| 可另付费定制       |   |   | √ | √ | √ |
+| 可另付费加急       |   |   | √ | √ | √ |
+| 付费图表优惠       |   |   | 95折  | 95折  | 85折 |

 ## 备注说明

 1. __`付费定制`__ 是指用户可根据自己的需求定制不同的图表或新功能，只有`VIP`用户才享有`付费定制`权利。
-2. __`付费加急`__ 是指用户可对自己非常紧急的需求进行付费，将开发优先级提到最高，并指定`Deadline`内交付，只有`VIP`用户才享有`付费加急`权利。
+2. __`付费加急`__ 是指用户可对自己非常紧急的需求进行付费，将开发优先级提到最高，并可要求在`Deadline`内交付，只有`VIP`用户才享有`付费加急`权利。
+3. __`付费咨询`__ 付费咨询有效期`7`天，且总咨询时长不超过`7`个小时。

 ## 捐助支持

--- a/Documentation/XChartsAPI-EN.md
+++ b/Documentation/XChartsAPI-EN.md
@@ -34,7 +34,6 @@
 - [GridCoordContext](#GridCoordContext)
 - [HeatmapChart](#HeatmapChart)
 - [InteractData](#InteractData)
- [ItemStyleHelper](#ItemStyleHelper)
 - [LayerHelper](#LayerHelper)
 - [LegendContext](#LegendContext)
 - [LegendHelper](#LegendHelper)
@@ -117,9 +116,8 @@ Inherits or Implemented: [MainComponentHandler](#MainComponentHandler)
 |public method|description|
 |--|--|
 | `AdjustCircleLabelPos()` |public static void AdjustCircleLabelPos(ChartLabel txt, Vector3 pos, Vector3 cenPos, float txtHig, Vector3 offset)</br> |
-| `AdjustCircleLabelPos()` |public static void AdjustCircleLabelPos(ChartText 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>调整最大最小值 |
-| `AdjustRadiusAxisLabelPos()` |public static void AdjustRadiusAxisLabelPos(ChartText txt, Vector3 pos, Vector3 cenPos, float txtHig, Vector3 offset)</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> |
 | `GetAxisPositionValue()` |public static double GetAxisPositionValue(float xy, float axisLength, double axisRange, float axisStart, float axisOffset)</br> |
@@ -314,6 +312,7 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 |public method|description|
 |--|--|
 | `ActiveAllObject()` |public static void ActiveAllObject(Transform parent, bool active, string match = null)</br> |
+| `AddIcon()` |public static Image AddIcon(string name, Transform parent, IconStyle iconStyle)</br> |
 | `Cancat()` |public static string Cancat(string str1, int i)</br> |
 | `Cancat()` |public static string Cancat(string str1, string str2)</br> |
 | `ClearEventListener()` |public static void ClearEventListener(GameObject obj)</br> |
@@ -372,23 +371,23 @@ Inherits or Implemented: [Image](#Image)

 |public method|description|
 |--|--|
-| `GetLabelHeight()` |public float GetLabelHeight()</br> |
-| `GetLabelWidth()` |public float GetLabelWidth()</br> |
 | `GetPosition()` |public Vector3 GetPosition()</br> |
+| `GetTextHeight()` |public float GetTextHeight()</br> |
+| `GetTextWidth()` |public float GetTextWidth()</br> |
 | `SetActive()` |public void SetActive(bool flag)</br> |
-| `SetAutoSize()` |public void SetAutoSize(bool flag)</br> |
 | `SetIcon()` |public void SetIcon(Image image)</br> |
 | `SetIconActive()` |public void SetIconActive(bool flag)</br> |
 | `SetIconSize()` |public void SetIconSize(float width, float height)</br> |
 | `SetIconSprite()` |public void SetIconSprite(Sprite sprite)</br> |
-| `SetLabel()` |public void SetLabel(GameObject labelObj, bool autoSize, float paddingLeftRight, float paddingTopBottom)</br> |
-| `SetLabelActive()` |public void SetLabelActive(bool flag)</br> |
-| `SetLabelBackground()` |public void SetLabelBackground(Image image)</br> |
-| `SetLabelPosition()` |public void SetLabelPosition(Vector3 position)</br> |
-| `SetLabelRotate()` |public void SetLabelRotate(float rotate)</br> |
+| `SetPadding()` |public void SetPadding(float[] padding)</br> |
 | `SetPosition()` |public void SetPosition(Vector3 position)</br> |
+| `SetRectPosition()` |public void SetRectPosition(Vector3 position)</br> |
+| `SetSize()` |public void SetSize(float width, float height)</br> |
 | `SetText()` |public bool SetText(string text)</br> |
+| `SetTextActive()` |public void SetTextActive(bool flag)</br> |
 | `SetTextColor()` |public void SetTextColor(Color color)</br> |
+| `SetTextPadding()` |public void SetTextPadding(TextPadding padding)</br> |
+| `SetTextRotate()` |public void SetTextRotate(float rotate)</br> |
 | `UpdateIcon()` |public void UpdateIcon(IconStyle iconStyle, Sprite sprite = null)</br> |

 ## `ChartObject`
@@ -506,12 +505,6 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 | `TryGetValue()` |public bool TryGetValue(ref float value, ref bool interacting, float animationDuration = 250)</br> |
 | `TryGetValueAndColor()` |public bool TryGetValueAndColor(ref float value, ref Color32 color, ref Color32 toColor, ref bool interacting, float animationDuration = 250)</br> |

-## `ItemStyleHelper`
-
-|public method|description|
-|--|--|
-| `IsNeedCorner()` |public static bool IsNeedCorner(ItemStyle itemStyle)</br> |
-
 ## `LayerHelper`

 |public method|description|
@@ -764,7 +757,6 @@ Inherits or Implemented: [Attribute](#Attribute)
 | `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> |
 | `GetAverageData()` |public static double GetAverageData(Serie serie, int dimension = 1, DataZoom dataZoom = null)</br> |
-| `GetIconStyle()` |public static IconStyle GetIconStyle(Serie serie, SerieData serieData)</br> |
 | `GetItemColor()` |public static Color32 GetItemColor(Serie serie, SerieData serieData, ThemeStyle theme, int index, bool highlight)</br> |
 | `GetItemColor0()` |public static Color32 GetItemColor0(Serie serie, SerieData serieData, ThemeStyle theme, bool highlight, Color32 defaultColor)</br> |
 | `GetItemFormatter()` |public static string GetItemFormatter(Serie serie, SerieData serieData, string defaultFormatter = null)</br> |
--- a/Documentation/XChartsAPI-ZH.md
+++ b/Documentation/XChartsAPI-ZH.md
@@ -34,7 +34,6 @@
 - [GridCoordContext](#GridCoordContext)
 - [HeatmapChart](#HeatmapChart)
 - [InteractData](#InteractData)
- [ItemStyleHelper](#ItemStyleHelper)
 - [LayerHelper](#LayerHelper)
 - [LegendContext](#LegendContext)
 - [LegendHelper](#LegendHelper)
@@ -117,9 +116,8 @@ Inherits or Implemented: [MainComponentHandler](#MainComponentHandler)
 |public method|description|
 |--|--|
 | `AdjustCircleLabelPos()` |public static void AdjustCircleLabelPos(ChartLabel txt, Vector3 pos, Vector3 cenPos, float txtHig, Vector3 offset)</br> |
-| `AdjustCircleLabelPos()` |public static void AdjustCircleLabelPos(ChartText 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>调整最大最小值 |
-| `AdjustRadiusAxisLabelPos()` |public static void AdjustRadiusAxisLabelPos(ChartText txt, Vector3 pos, Vector3 cenPos, float txtHig, Vector3 offset)</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> |
 | `GetAxisPositionValue()` |public static double GetAxisPositionValue(float xy, float axisLength, double axisRange, float axisStart, float axisOffset)</br> |
@@ -314,6 +312,7 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 |public method|description|
 |--|--|
 | `ActiveAllObject()` |public static void ActiveAllObject(Transform parent, bool active, string match = null)</br> |
+| `AddIcon()` |public static Image AddIcon(string name, Transform parent, IconStyle iconStyle)</br> |
 | `Cancat()` |public static string Cancat(string str1, int i)</br> |
 | `Cancat()` |public static string Cancat(string str1, string str2)</br> |
 | `ClearEventListener()` |public static void ClearEventListener(GameObject obj)</br> |
@@ -372,23 +371,23 @@ Inherits or Implemented: [Image](#Image)

 |public method|description|
 |--|--|
-| `GetLabelHeight()` |public float GetLabelHeight()</br> |
-| `GetLabelWidth()` |public float GetLabelWidth()</br> |
 | `GetPosition()` |public Vector3 GetPosition()</br> |
+| `GetTextHeight()` |public float GetTextHeight()</br> |
+| `GetTextWidth()` |public float GetTextWidth()</br> |
 | `SetActive()` |public void SetActive(bool flag)</br> |
-| `SetAutoSize()` |public void SetAutoSize(bool flag)</br> |
 | `SetIcon()` |public void SetIcon(Image image)</br> |
 | `SetIconActive()` |public void SetIconActive(bool flag)</br> |
 | `SetIconSize()` |public void SetIconSize(float width, float height)</br> |
 | `SetIconSprite()` |public void SetIconSprite(Sprite sprite)</br> |
-| `SetLabel()` |public void SetLabel(GameObject labelObj, bool autoSize, float paddingLeftRight, float paddingTopBottom)</br> |
-| `SetLabelActive()` |public void SetLabelActive(bool flag)</br> |
-| `SetLabelBackground()` |public void SetLabelBackground(Image image)</br> |
-| `SetLabelPosition()` |public void SetLabelPosition(Vector3 position)</br> |
-| `SetLabelRotate()` |public void SetLabelRotate(float rotate)</br> |
+| `SetPadding()` |public void SetPadding(float[] padding)</br> |
 | `SetPosition()` |public void SetPosition(Vector3 position)</br> |
+| `SetRectPosition()` |public void SetRectPosition(Vector3 position)</br> |
+| `SetSize()` |public void SetSize(float width, float height)</br> |
 | `SetText()` |public bool SetText(string text)</br> |
+| `SetTextActive()` |public void SetTextActive(bool flag)</br> |
 | `SetTextColor()` |public void SetTextColor(Color color)</br> |
+| `SetTextPadding()` |public void SetTextPadding(TextPadding padding)</br> |
+| `SetTextRotate()` |public void SetTextRotate(float rotate)</br> |
 | `UpdateIcon()` |public void UpdateIcon(IconStyle iconStyle, Sprite sprite = null)</br> |

 ## `ChartObject`
@@ -506,12 +505,6 @@ Inherits or Implemented: [BaseChart](#BaseChart)
 | `TryGetValue()` |public bool TryGetValue(ref float value, ref bool interacting, float animationDuration = 250)</br> |
 | `TryGetValueAndColor()` |public bool TryGetValueAndColor(ref float value, ref Color32 color, ref Color32 toColor, ref bool interacting, float animationDuration = 250)</br> |

-## `ItemStyleHelper`
-
-|public method|description|
-|--|--|
-| `IsNeedCorner()` |public static bool IsNeedCorner(ItemStyle itemStyle)</br> |
-
 ## `LayerHelper`

 |public method|description|
@@ -764,7 +757,6 @@ Inherits or Implemented: [Attribute](#Attribute)
 | `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> |
 | `GetAverageData()` |public static double GetAverageData(Serie serie, int dimension = 1, DataZoom dataZoom = null)</br> |
-| `GetIconStyle()` |public static IconStyle GetIconStyle(Serie serie, SerieData serieData)</br> |
 | `GetItemColor()` |public static Color32 GetItemColor(Serie serie, SerieData serieData, ThemeStyle theme, int index, bool highlight)</br> |
 | `GetItemColor0()` |public static Color32 GetItemColor0(Serie serie, SerieData serieData, ThemeStyle theme, bool highlight, Color32 defaultColor)</br> |
 | `GetItemFormatter()` |public static string GetItemFormatter(Serie serie, SerieData serieData, string defaultFormatter = null)</br> |
--- a/Documentation/XChartsConfiguration-EN.md
+++ b/Documentation/XChartsConfiguration-EN.md
@@ -87,6 +87,7 @@
 - [Emphasis](#Emphasis)
 - [EndLabelStyle](#EndLabelStyle)
 - [IconStyle](#IconStyle)
+- [ImageStyle](#ImageStyle)
 - [ItemStyle](#ItemStyle)
 - [LabelLine](#LabelLine)
 - [LabelStyle](#LabelStyle)
@@ -95,6 +96,7 @@
 - [LevelStyle](#LevelStyle)
 - [LineArrow](#LineArrow)
 - [LineStyle](#LineStyle)
+- [Location](#Location)
 - [MarkAreaData](#MarkAreaData)
 - [MarkLineData](#MarkLineData)
 - [PolarAxisTheme](#PolarAxisTheme)
@@ -106,6 +108,7 @@
 - [SubTitleTheme](#SubTitleTheme)
 - [SymbolStyle](#SymbolStyle)
 - [TextLimit](#TextLimit)
+- [TextPadding](#TextPadding)
 - [TextStyle](#TextStyle)
 - [ThemeStyle](#ThemeStyle)
 - [TitleStyle](#TitleStyle)
@@ -118,7 +121,7 @@

 - [AreaStyle](#AreaStyle)
 - [Emphasis](#Emphasis)
- [IconStyle](#IconStyle)
+- [ImageStyle](#ImageStyle)
 - [LabelLine](#LabelLine)
 - [LabelStyle](#LabelStyle)
 - [LineArrow](#LineArrow)
@@ -128,7 +131,7 @@

 - [AreaStyle](#AreaStyle)
 - [Emphasis](#Emphasis)
- [IconStyle](#IconStyle)
+- [ImageStyle](#ImageStyle)
 - [ItemStyle](#ItemStyle)
 - [LabelLine](#LabelLine)
 - [LabelStyle](#LabelStyle)
@@ -242,7 +245,6 @@ The axis in rectangular coordinate.
 | `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. |
-| `iconStyle` | | 图标样式。 [IconStyle](IconStyle)|
 | `icons` | | 类目数据对应的图标。 |
 | `data` | | Category data, available in type: 'Category' axis. |
 | `axisLine` | |  [AxisLine](AxisLine)|
@@ -254,26 +256,19 @@ The axis in rectangular coordinate.

 ## `AxisLabel`

-Inherits or Implemented: [ChildComponent](#ChildComponent)
+Inherits or Implemented: [LabelStyle](#LabelStyle)

 Settings related to axis label.

 |field|default|comment|
 |--|--|--|
-| `show` |true | Set this to false to prevent the axis label from appearing. |
-| `formatter` | |  |
 | `interval` |0 | The display interval of the axis label. |
 | `inside` |false | Set this to true so the axis labels face the inside direction. |
-| `distance` | | The distance between the axis label and the axis line. |
-| `numericFormatter` | | Standard numeric format strings. |
 | `showAsPositiveNumber` |false | Show negative number as positive number. |
 | `onZero` |false | 刻度标签显示在0刻度上。 |
-| `width` |0f | 文本的宽。为0时会自动匹配。 |
-| `height` |0f | 文本的高。为0时会自动匹配。 |
 | `showStartLabel` |true | Whether to display the first label. |
 | `showEndLabel` |true | Whether to display the last label. |
 | `textLimit` | | 文本限制。 [TextLimit](TextLimit)|
-| `textStyle` | | The text style of axis name. [TextStyle](TextStyle)|

 ## `AxisLine`

@@ -297,9 +292,7 @@ the name of axis.
 |--|--|--|
 | `show` | | Whether to show axis name. |
 | `name` | | the name of axis. |
-| `formatter` | | The formatter of indicator's name. |
-| `location` | | Location of axis name.</br>`AxisName.Location`:</br>- `Start`: the location of axis name.</br>- `Middle`: the location of axis name.</br>- `End`: the location of axis name.</br>- `align`: 对齐方式。</br>- `left`: Distance between component and the left side of the container.</br>- `right`: Distance between component and the left side of the container.</br>- `top`: Distance between component and the left side of the container.</br>- `bottom`: Distance between component and the left side of the container.</br>|
-| `textStyle` | | The text style of axis name. [TextStyle](TextStyle)|
+| `labelStyle` | | The text style of axis name. [LabelStyle](LabelStyle)|

 ## `AxisSplitArea`

@@ -474,7 +467,7 @@ DataZoom component is used for zooming a specific area, which enables user to in
 | `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>|
-| `textStyle` | | font style. [TextStyle](TextStyle)|
+| `labelStyle` | | label style. [LabelStyle](LabelStyle)|
 | `lineStyle` | | 阴影线条样式。 [LineStyle](LineStyle)|
 | `areaStyle` | | 阴影填充样式。 [AreaStyle](AreaStyle)|

@@ -500,7 +493,7 @@ Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 | `showDebugInfo` |false |  |
 | `showAllChartObject` |false |  |
 | `foldSeries` |false |  |
-| `debugInfoTextStyle` | |  [TextStyle](TextStyle)|
+| `labelStyle` | |  [LabelStyle](LabelStyle)|

 ## `EffectScatter`

@@ -550,20 +543,35 @@ Inherits or Implemented: [Serie](#Serie),[INeedSerieContainer](#INeedSerieContai

 ## `IconStyle`

-Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent](#ISerieExtraComponent),[ISerieDataComponent](#ISerieDataComponent)
+Inherits or Implemented: [ChildComponent](#ChildComponent)

 |field|default|comment|
 |--|--|--|
 | `show` |false | Whether the data icon is show. |
-| `layer` | | 显示在上层还是在下层。</br>`IconStyle.Layer`:</br>- `UnderLabel`: </br>- `AboveLabel`: </br>|
+| `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 | 图标高。 |
+
 ## `Indicator`

 Indicator of radar chart, which is used to assign multiple variables(dimensions) in radar chart.
@@ -611,6 +619,7 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieDataComponent]
 | `centerColor` | | 中心区域颜色。 |
 | `centerGap` | | 中心区域间隙。 |
 | `borderWidth` |0 | 边框宽。 |
+| `borderGap` |0 | 边框间隙。 |
 | `borderColor` | | 边框的颜色。 |
 | `borderColor0` | | 边框的颜色。 |
 | `borderToColor` | | 边框的渐变色。 |
@@ -644,15 +653,17 @@ Text label of chart, to explain some data information about graphic item like va
 |--|--|--|
 | `show` |true | Whether the label is showed. |
 | `Position` | |  |
+| `autoOffset` |false | 是否开启自动偏移。当开启时，Y的偏移会自动判断曲线的开口来决定向上还是向下偏移。 |
 | `offset` | | offset to the host graphic element. |
+| `rotate` | | Rotation of label. |
 | `distance` | | 距离轴线的距离。 |
 | `formatter` | |  |
-| `paddingLeftRight` |2f | the text padding of left and right. defaut:2. |
-| `paddingTopBottom` |2f | the text padding of top and bottom. defaut:2. |
-| `backgroundWidth` |0 | the width of background. If set as default value 0, it means than the background width auto set as the text width. |
-| `backgroundHeight` |0 | the height of background. If set as default value 0, it means than the background height auto set as the text height. |
 | `numericFormatter` | | Standard numeric format strings. |
-| `autoOffset` |false | 是否开启自动偏移。当开启时，Y的偏移会自动判断曲线的开口来决定向上还是向下偏移。 |
+| `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`
@@ -680,14 +691,14 @@ Legend component.The legend component shows different sets of tags, colors, and
 | `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.</br>`AxisName.Location`:</br>- `Start`: the location of axis name.</br>- `Middle`: the location of axis name.</br>- `End`: the location of axis name.</br>- `align`: 对齐方式。</br>- `left`: Distance between component and the left side of the container.</br>- `right`: Distance between component and the left side of the container.</br>- `top`: Distance between component and the left side of the container.</br>- `bottom`: Distance between component and the left side of the container.</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. |
 | `textAutoColor` |false | Whether the legend text matches the color automatically. |
 | `formatter` | |  |
-| `textStyle` | | the style of text. [TextStyle](TextStyle)|
+| `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` | | 自定义的图例标记图形。 |

@@ -750,6 +761,20 @@ The style of line.
 | `length` |0 |  |
 | `opacity` |1 | Opacity of the line. Supports value from 0 to 1, and the line will not be drawn when set to 0. |

+## `Location`
+
+Inherits or Implemented: [ChildComponent](#ChildComponent),[IPropertyChanged](#IPropertyChanged)
+
+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. |
+
 ## `MainComponent`

 Inherits or Implemented: [IComparable](#IComparable)
@@ -920,7 +945,6 @@ Inherits or Implemented: [BaseSerie](#BaseSerie),[IComparable](#IComparable)
 | `endLabels` | |  |
 | `lineArrows` | |  |
 | `areaStyles` | |  |
-| `iconStyles` | |  |
 | `titleStyles` | |  |
 | `emphases` | |  |
 | `index` | | The index of serie. |
@@ -1008,7 +1032,6 @@ A data item of serie.
 | `labelLines` | |  |
 | `emphases` | |  |
 | `symbols` | |  |
-| `iconStyles` | |  |
 | `lineStyles` | |  |
 | `areaStyles` | |  |
 | `titleStyles` | |  |
@@ -1145,6 +1168,20 @@ Text character limitation and adaptation component. When the length of the text
 | `gap` |1 | White pixel distance at both ends. |
 | `suffix` | | Suffixes when the length exceeds. |

+## `TextPadding`
+
+Inherits or Implemented: [ChildComponent](#ChildComponent)
+
+Settings related to text.
+
+|field|default|comment|
+|--|--|--|
+| `show` |true |  |
+| `top` |2 |  |
+| `right` |4 |  |
+| `left` |4 |  |
+| `bottom` |2 |  |
+
 ## `TextStyle`

 Inherits or Implemented: [ChildComponent](#ChildComponent)
@@ -1153,16 +1190,13 @@ 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. |
-| `extraWidth` |0 | Extra width of text preferred width. |
-| `offset` |Vector2.zero | the offset of position. |
 | `autoColor` |false | 是否开启自动颜色。当开启时，会自动设置颜色。 |
 | `color` | | the color of text. |
-| `autoBackgroundColor` |false |  |
-| `backgroundColor` | | the color of text. |
 | `fontSize` |0 | font size. |
 | `fontStyle` | | font style. |
 | `lineSpacing` |1f | text line spacing. |
@@ -1222,23 +1256,18 @@ Title component, including main title and subtitle.
 |--|--|--|
 | `show` |true | [default:true] Set this to false to prevent the title from showing. |
 | `text` | | The main title text, supporting \n for newlines. |
-| `textStyle` | | The text style of main title. [TextStyle](TextStyle)|
 | `subText` | | Subtitle text, supporting for \n for newlines. |
-| `subTextStyle` | | The text style of sub title. [TextStyle](TextStyle)|
+| `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.</br>`AxisName.Location`:</br>- `Start`: the location of axis name.</br>- `Middle`: the location of axis name.</br>- `End`: the location of axis name.</br>- `align`: 对齐方式。</br>- `left`: Distance between component and the left side of the container.</br>- `right`: Distance between component and the left side of the container.</br>- `top`: Distance between component and the left side of the container.</br>- `bottom`: Distance between component and the left side of the container.</br>|
+| `location` | | The location of title component. [Location](Location)|

 ## `TitleStyle`

-Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieDataComponent](#ISerieDataComponent),[ISerieExtraComponent](#ISerieExtraComponent)
+Inherits or Implemented: [LabelStyle](#LabelStyle),[ISerieDataComponent](#ISerieDataComponent),[ISerieExtraComponent](#ISerieExtraComponent)

 the title of serie.

-|field|default|comment|
-|--|--|--|
-| `show` |true | Whether to show title. |
-| `offsetCenter` |Vector2(0, -0.2f) | The offset position relative to the center. |
-| `textStyle` | | the color of text. [TextStyle](TextStyle)|

 ## `TitleTheme`

@@ -1282,9 +1311,9 @@ Tooltip component.
 | `itemHeight` |25f |  |
 | `borderColor` |Color32(230, 230, 230, 255) | the color of tooltip border. |
 | `lineStyle` | | the line style of indicator line. [LineStyle](LineStyle)|
-| `labelTextStyle` | | the text style of content. [TextStyle](TextStyle)|
-| `titleTextStyle` | | 标题的文本样式。 [TextStyle](TextStyle)|
-| `columnsTextStyle` | |  |
+| `indicatorLabelStyle` | | the label style of tooltip axis indicator label. [LabelStyle](LabelStyle)|
+| `titleLabelStyle` | | 标题的文本样式。 [LabelStyle](LabelStyle)|
+| `contentLabelStyles` | |  |

 ## `TooltipTheme`

@@ -1328,7 +1357,7 @@ VisualMap component. Mapping data to visual elements such as colors.
 | `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.</br>`AxisName.Location`:</br>- `Start`: the location of axis name.</br>- `Middle`: the location of axis name.</br>- `End`: the location of axis name.</br>- `align`: 对齐方式。</br>- `left`: Distance between component and the left side of the container.</br>- `right`: Distance between component and the left side of the container.</br>- `top`: Distance between component and the left side of the container.</br>- `bottom`: Distance between component and the left side of the container.</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. |
 | `inRange` | | Defines the visual color in the selected range. |
--- a/Documentation/XChartsConfiguration-ZH.md
+++ b/Documentation/XChartsConfiguration-ZH.md
@@ -87,6 +87,7 @@
 - [Emphasis](#Emphasis)
 - [EndLabelStyle](#EndLabelStyle)
 - [IconStyle](#IconStyle)
+- [ImageStyle](#ImageStyle)
 - [ItemStyle](#ItemStyle)
 - [LabelLine](#LabelLine)
 - [LabelStyle](#LabelStyle)
@@ -95,6 +96,7 @@
 - [LevelStyle](#LevelStyle)
 - [LineArrow](#LineArrow)
 - [LineStyle](#LineStyle)
+- [Location](#Location)
 - [MarkAreaData](#MarkAreaData)
 - [MarkLineData](#MarkLineData)
 - [PolarAxisTheme](#PolarAxisTheme)
@@ -106,6 +108,7 @@
 - [SubTitleTheme](#SubTitleTheme)
 - [SymbolStyle](#SymbolStyle)
 - [TextLimit](#TextLimit)
+- [TextPadding](#TextPadding)
 - [TextStyle](#TextStyle)
 - [ThemeStyle](#ThemeStyle)
 - [TitleStyle](#TitleStyle)
@@ -118,7 +121,7 @@

 - [AreaStyle](#AreaStyle)
 - [Emphasis](#Emphasis)
- [IconStyle](#IconStyle)
+- [ImageStyle](#ImageStyle)
 - [LabelLine](#LabelLine)
 - [LabelStyle](#LabelStyle)
 - [LineArrow](#LineArrow)
@@ -128,7 +131,7 @@

 - [AreaStyle](#AreaStyle)
 - [Emphasis](#Emphasis)
- [IconStyle](#IconStyle)
+- [ImageStyle](#ImageStyle)
 - [ItemStyle](#ItemStyle)
 - [LabelLine](#LabelLine)
 - [LabelStyle](#LabelStyle)
@@ -242,7 +245,6 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 | `inverse` |false | 是否反向坐标轴。在类目轴中无效。 |
 | `clockwise` |true | 刻度增长是否按顺时针，默认顺时针。 |
 | `insertDataToHead` | | 添加新数据时是在列表的头部还是尾部加入。 |
-| `iconStyle` | | 图标样式。 [IconStyle](IconStyle)|
 | `icons` | | 类目数据对应的图标。 |
 | `data` | | 类目数据，在类目轴（type: 'category'）中有效。 |
 | `axisLine` | |  [AxisLine](AxisLine)|
@@ -254,26 +256,19 @@ Inherits or Implemented: [MainComponent](#MainComponent)

 ## `AxisLabel`

-Inherits or Implemented: [ChildComponent](#ChildComponent)
+Inherits or Implemented: [LabelStyle](#LabelStyle)

 坐标轴刻度标签的相关设置。

 |field|default|comment|
 |--|--|--|
-| `show` |true | 是否显示刻度标签。 |
-| `formatter` | |  |
 | `interval` |0 | 坐标轴刻度标签的显示间隔，在类目轴中有效。0表示显示所有标签，1表示隔一个隔显示一个标签，以此类推。 |
 | `inside` |false | 刻度标签是否朝内，默认朝外。 |
-| `distance` | | 刻度标签与轴线之间的距离。 |
-| `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 |
 | `showAsPositiveNumber` |false | 将负数数值显示为正数。一般和`Serie`的`showAsPositiveNumber`配合使用。 |
 | `onZero` |false | 刻度标签显示在0刻度上。 |
-| `width` |0f | 文本的宽。为0时会自动匹配。 |
-| `height` |0f | 文本的高。为0时会自动匹配。 |
 | `showStartLabel` |true | 是否显示第一个文本。 |
 | `showEndLabel` |true | 是否显示最后一个文本。 |
 | `textLimit` | | 文本限制。 [TextLimit](TextLimit)|
-| `textStyle` | | 文本样式。 [TextStyle](TextStyle)|

 ## `AxisLine`

@@ -297,9 +292,7 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 |--|--|--|
 | `show` | | 是否显示坐标名称。 |
 | `name` | | 坐标轴名称。 |
-| `formatter` | | 指示器名称显示的格式器。可用在雷达图。 |
-| `location` | | 坐标轴名称显示位置。</br>`AxisName.Location`:</br>- `Start`: 坐标轴名称显示位置。</br>- `Middle`: 坐标轴名称显示位置。</br>- `End`: 坐标轴名称显示位置。</br>- `align`: 对齐方式。</br>- `left`: 离容器左侧的距离。</br>- `right`: 离容器右侧的距离。</br>- `top`: 离容器上侧的距离。</br>- `bottom`: 离容器下侧的距离。</br>|
-| `textStyle` | | 文本样式。 [TextStyle](TextStyle)|
+| `labelStyle` | | 文本样式。 [LabelStyle](LabelStyle)|

 ## `AxisSplitArea`

@@ -474,7 +467,7 @@ DataZoom 组件 用于区域缩放，从而能自由关注细节的数据信息
 | `minShowNum` |1 | 最小显示数据个数。当DataZoom放大到最大时，最小显示的数据个数。 |
 | `scrollSensitivity` |1.1f | 缩放区域组件的敏感度。值越高每次缩放所代表的数据越多。 |
 | `orient` | | 布局方式是横还是竖。不仅是布局方式，对于直角坐标系而言，也决定了，缺省情况控制横向数轴还是纵向数轴。</br>`Orient`:</br>- `Horizonal`: 水平</br>- `Vertical`: 垂直</br>|
-| `textStyle` | | 文字格式。 [TextStyle](TextStyle)|
+| `labelStyle` | | 文本标签格式。 [LabelStyle](LabelStyle)|
 | `lineStyle` | | 阴影线条样式。 [LineStyle](LineStyle)|
 | `areaStyle` | | 阴影填充样式。 [AreaStyle](AreaStyle)|

@@ -500,7 +493,7 @@ Inherits or Implemented: [ComponentTheme](#ComponentTheme)
 | `showDebugInfo` |false |  |
 | `showAllChartObject` |false |  |
 | `foldSeries` |false |  |
-| `debugInfoTextStyle` | |  [TextStyle](TextStyle)|
+| `labelStyle` | |  [LabelStyle](LabelStyle)|

 ## `EffectScatter`

@@ -550,20 +543,35 @@ Inherits or Implemented: [Serie](#Serie),[INeedSerieContainer](#INeedSerieContai

 ## `IconStyle`

-Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent](#ISerieExtraComponent),[ISerieDataComponent](#ISerieDataComponent)
+Inherits or Implemented: [ChildComponent](#ChildComponent)

 |field|default|comment|
 |--|--|--|
 | `show` |false | 是否显示图标。 |
-| `layer` | | 显示在上层还是在下层。</br>`IconStyle.Layer`:</br>- `UnderLabel`: </br>- `AboveLabel`: </br>|
+| `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 | 图标高。 |
+
 ## `Indicator`

 雷达图的指示器，用来指定雷达图中的多个变量（维度）。
@@ -611,6 +619,7 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieDataComponent]
 | `centerColor` | | 中心区域颜色。 |
 | `centerGap` | | 中心区域间隙。 |
 | `borderWidth` |0 | 边框宽。 |
+| `borderGap` |0 | 边框间隙。 |
 | `borderColor` | | 边框的颜色。 |
 | `borderColor0` | | 边框的颜色。 |
 | `borderToColor` | | 边框的渐变色。 |
@@ -644,15 +653,17 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieExtraComponent
 |--|--|--|
 | `show` |true | 是否显示文本标签。 |
 | `Position` | |  |
+| `autoOffset` |false | 是否开启自动偏移。当开启时，Y的偏移会自动判断曲线的开口来决定向上还是向下偏移。 |
 | `offset` | | 距离图形元素的偏移 |
+| `rotate` | | 文本的旋转。 |
 | `distance` | | 距离轴线的距离。 |
 | `formatter` | |  |
-| `paddingLeftRight` |2f | 左右边距。 |
-| `paddingTopBottom` |2f | 上下边距。 |
-| `backgroundWidth` |0 | 标签的背景宽度。一般不用指定，不指定时则自动是文字的宽度。 |
-| `backgroundHeight` |0 | 标签的背景高度。一般不用指定，不指定时则自动是文字的高度。 |
 | `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 |
-| `autoOffset` |false | 是否开启自动偏移。当开启时，Y的偏移会自动判断曲线的开口来决定向上还是向下偏移。 |
+| `width` |0 | 标签的宽度。一般不用指定，不指定时则自动是文字的宽度。 |
+| `height` |0 | 标签的高度。一般不用指定，不指定时则自动是文字的高度。 |
+| `icon` | | 图标样式。 [IconStyle](IconStyle)|
+| `background` | | 背景图样式。 [ImageStyle](ImageStyle)|
+| `textPadding` | | 文本的边距。 [TextPadding](TextPadding)|
 | `textStyle` | | 文本样式。 [TextStyle](TextStyle)|

 ## `Lang`
@@ -680,14 +691,14 @@ Inherits or Implemented: [MainComponent](#MainComponent),[IPropertyChanged](#IPr
 | `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]</br>`AxisName.Location`:</br>- `Start`: 坐标轴名称显示位置。</br>- `Middle`: 坐标轴名称显示位置。</br>- `End`: 坐标轴名称显示位置。</br>- `align`: 对齐方式。</br>- `left`: 离容器左侧的距离。</br>- `right`: 离容器右侧的距离。</br>- `top`: 离容器上侧的距离。</br>- `bottom`: 离容器下侧的距离。</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] |
 | `textAutoColor` |false | 图例标记的文本是否自动匹配颜色。 [default:false] |
 | `formatter` | |  |
-| `textStyle` | | 文本样式。 [TextStyle](TextStyle)|
+| `labelStyle` | | 文本样式。 [LabelStyle](LabelStyle)|
 | `data` | | If data is not specified, it will be auto collected from series. |
 | `icons` | | 自定义的图例标记图形。 |

@@ -750,6 +761,20 @@ Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieDataComponent]
 | `length` |0 |  |
 | `opacity` |1 | 线的透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。 |

+## `Location`
+
+Inherits or Implemented: [ChildComponent](#ChildComponent),[IPropertyChanged](#IPropertyChanged)
+
+位置类型。通过Align快速设置大体位置，再通过left，right，top，bottom微调具体位置。
+
+|field|default|comment|
+|--|--|--|
+| `align` | | 对齐方式。</br>`Align`:</br>- `Center`: 对齐方式</br>- `Left`: 对齐方式</br>- `Right`: 对齐方式</br>|
+| `left` | | 离容器左侧的距离。 |
+| `right` | | 离容器右侧的距离。 |
+| `top` | | 离容器上侧的距离。 |
+| `bottom` | | 离容器下侧的距离。 |
+
 ## `MainComponent`

 Inherits or Implemented: [IComparable](#IComparable)
@@ -920,7 +945,6 @@ Inherits or Implemented: [BaseSerie](#BaseSerie),[IComparable](#IComparable)
 | `endLabels` | |  |
 | `lineArrows` | |  |
 | `areaStyles` | |  |
-| `iconStyles` | |  |
 | `titleStyles` | |  |
 | `emphases` | |  |
 | `index` | | 系列索引。 |
@@ -1008,7 +1032,6 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 | `labelLines` | |  |
 | `emphases` | |  |
 | `symbols` | |  |
-| `iconStyles` | |  |
 | `lineStyles` | |  |
 | `areaStyles` | |  |
 | `titleStyles` | |  |
@@ -1145,6 +1168,20 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)
 | `gap` |1 | 两边留白像素距离。 [default:10f] |
 | `suffix` | | 长度超出时的后缀。 [default: "..."] |

+## `TextPadding`
+
+Inherits or Implemented: [ChildComponent](#ChildComponent)
+
+文本的内边距设置。
+
+|field|default|comment|
+|--|--|--|
+| `show` |true |  |
+| `top` |2 |  |
+| `right` |4 |  |
+| `left` |4 |  |
+| `bottom` |2 |  |
+
 ## `TextStyle`

 Inherits or Implemented: [ChildComponent](#ChildComponent)
@@ -1153,16 +1190,13 @@ Inherits or Implemented: [ChildComponent](#ChildComponent)

 |field|default|comment|
 |--|--|--|
+| `show` |true | 文本的相关设置。 |
 | `font` | | 文本字体。 [default: null] |
 | `autoWrap` |false | 是否自动换行。 |
 | `autoAlign` |true | 文本是否让系统自动选对齐方式。为false时才会用alignment。 |
 | `rotate` |0 | 文本的旋转。 [default: `0f`] |
-| `extraWidth` |0 | 额外的宽度 |
-| `offset` |Vector2.zero | 坐标偏移。 [Default: `Vector2.zero`] |
 | `autoColor` |false | 是否开启自动颜色。当开启时，会自动设置颜色。 |
 | `color` | | 文本的颜色。 [default: `Color.clear`] |
-| `autoBackgroundColor` |false |  |
-| `backgroundColor` | | 文本的背景颜色。 [default: `Color.clear`] |
 | `fontSize` |0 | 文本字体大小。 [default: 18] |
 | `fontStyle` | | 文本字体的风格。 [default: FontStyle.Normal] |
 | `lineSpacing` |1f | 行间距。 [default: 1f] |
@@ -1222,23 +1256,18 @@ Inherits or Implemented: [MainComponent](#MainComponent),[IPropertyChanged](#IPr
 |--|--|--|
 | `show` |true | 是否显示标题组件。 |
 | `text` | | 主标题文本，支持使用 \n 换行。 |
-| `textStyle` | | 主标题文本样式。 [TextStyle](TextStyle)|
 | `subText` | | 副标题文本，支持使用 \n 换行。 |
-| `subTextStyle` | | 副标题文本样式。 [TextStyle](TextStyle)|
+| `labelStyle` | | 主标题文本样式。 [LabelStyle](LabelStyle)|
+| `subLabelStyle` | | 副标题文本样式。 [LabelStyle](LabelStyle)|
 | `itemGap` |0 | 主副标题之间的间距。 |
-| `location` | | 标题显示位置。</br>`AxisName.Location`:</br>- `Start`: 坐标轴名称显示位置。</br>- `Middle`: 坐标轴名称显示位置。</br>- `End`: 坐标轴名称显示位置。</br>- `align`: 对齐方式。</br>- `left`: 离容器左侧的距离。</br>- `right`: 离容器右侧的距离。</br>- `top`: 离容器上侧的距离。</br>- `bottom`: 离容器下侧的距离。</br>|
+| `location` | | 标题显示位置。 [Location](Location)|

 ## `TitleStyle`

-Inherits or Implemented: [ChildComponent](#ChildComponent),[ISerieDataComponent](#ISerieDataComponent),[ISerieExtraComponent](#ISerieExtraComponent)
+Inherits or Implemented: [LabelStyle](#LabelStyle),[ISerieDataComponent](#ISerieDataComponent),[ISerieExtraComponent](#ISerieExtraComponent)

 标题相关设置。

-|field|default|comment|
-|--|--|--|
-| `show` |true | 是否显示标题。 |
-| `offsetCenter` |Vector2(0, -0.2f) | 相对于中心的偏移位置。 |
-| `textStyle` | | 文本的颜色。 [TextStyle](TextStyle)|

 ## `TitleTheme`

@@ -1282,9 +1311,9 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 | `itemHeight` |25f |  |
 | `borderColor` |Color32(230, 230, 230, 255) | 边框颜色。 |
 | `lineStyle` | | 指示线样式。 [LineStyle](LineStyle)|
-| `labelTextStyle` | | 提示框标签的文本样式。 [TextStyle](TextStyle)|
-| `titleTextStyle` | | 标题的文本样式。 [TextStyle](TextStyle)|
-| `columnsTextStyle` | |  |
+| `indicatorLabelStyle` | | 提示框的坐标轴指示器文本的样式。 [LabelStyle](LabelStyle)|
+| `titleLabelStyle` | | 标题的文本样式。 [LabelStyle](LabelStyle)|
+| `contentLabelStyles` | |  |

 ## `TooltipTheme`

@@ -1328,7 +1357,7 @@ Inherits or Implemented: [MainComponent](#MainComponent)
 | `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` | | 组件显示的位置。</br>`AxisName.Location`:</br>- `Start`: 坐标轴名称显示位置。</br>- `Middle`: 坐标轴名称显示位置。</br>- `End`: 坐标轴名称显示位置。</br>- `align`: 对齐方式。</br>- `left`: 离容器左侧的距离。</br>- `right`: 离容器右侧的距离。</br>- `top`: 离容器上侧的距离。</br>- `bottom`: 离容器下侧的距离。</br>|
+| `location` | | 组件显示的位置。 [Location](Location)|
 | `workOnLine` |true | 组件是否对LineChart的LineStyle有效。 |
 | `workOnArea` |false | 组件是否对LineChart的AreaStyle有效。 |
 | `inRange` | | 定义 在选中范围中 的视觉颜色。 |