3.10.2

Documentation~/en/api.md

@@ -45,6 +45,7 @@ slug: /api
 - [BaseScatter](#basescatter)
 - [BaseSerie](#baseserie)
 - [BlurStyle](#blurstyle)
+- [BorderStyle](#borderstyle)
 - [CalendarCoord](#calendarcoord)
 - [Candlestick](#candlestick)
 - [CandlestickChart](#candlestickchart)
@@ -79,6 +80,9 @@ slug: /api
 - [EmphasisStyle](#emphasisstyle)
 - [EndLabelStyle](#endlabelstyle)
 - [FormatterHelper](#formatterhelper)
+- [Graph](#graph)
+- [GraphEdge](#graphedge)
+- [GraphNode](#graphnode)
 - [GridCoord](#gridcoord)
 - [GridCoordContext](#gridcoordcontext)
 - [GridLayout](#gridlayout)
@@ -119,6 +123,7 @@ slug: /api
 - [ListFor](#listfor)
 - [ListForComponent](#listforcomponent)
 - [ListForSerie](#listforserie)
+- [ListPool<T>](#listpoolt)
 - [Location](#location)
 - [MainComponent](#maincomponent)
 - [MainComponentContext](#maincomponentcontext)
@@ -169,6 +174,7 @@ slug: /api
 - [SerieDataComponentAttribute](#seriedatacomponentattribute)
 - [SerieDataContext](#seriedatacontext)
 - [SerieDataExtraFieldAttribute](#seriedataextrafieldattribute)
+- [SerieDataLink](#seriedatalink)
 - [SerieEventData](#serieeventdata)
 - [SerieEventDataPool](#serieeventdatapool)
 - [SerieHandler](#seriehandler)
@@ -195,7 +201,6 @@ slug: /api
 - [StateStyle](#statestyle)
 - [SubTitleTheme](#subtitletheme)
 - [SVG](#svg)
-- [SVGImage](#svgimage)
 - [SVGPath](#svgpath)
 - [SVGPathSeg](#svgpathseg)
 - [SymbolStyle](#symbolstyle)
@@ -426,6 +431,7 @@ The axis in rectangular coordinate.
 |ClearVerticesDirty()||public override void ClearVerticesDirty()|
 |Clone()||public Axis Clone()|
 |Copy()||public void Copy(Axis axis)|
+|GetAddedDataCount()||public int GetAddedDataCount()<br/>get the history data count. |
 |GetData()||public string GetData(int index)<br/>获得指定索引的类目数据 |
 |GetData()||public string GetData(int index, DataZoom dataZoom)<br/>获得在dataZoom范围内指定索引的类目数据 |
 |GetDistance()||public float GetDistance(double value, float axisLength)<br/>获得值在坐标轴上的距离 |
@@ -492,7 +498,7 @@ animation style of axis.
 |GetAxisValueDistance()||public static float GetAxisValueDistance(GridCoord grid, Axis axis, float scaleWidth, double value)<br/>获得数值value在坐标轴上相对起点的距离 |
 |GetAxisValueLength()||public static float GetAxisValueLength(GridCoord grid, Axis axis, float scaleWidth, double value)<br/>获得数值value在坐标轴上对应的长度 |
 |GetAxisValuePosition()||public static float GetAxisValuePosition(GridCoord grid, Axis axis, float scaleWidth, double value)<br/>获得数值value在坐标轴上的坐标位置 |
-|GetAxisValueSplitIndex()||public static int GetAxisValueSplitIndex(Axis axis, double value, int totalSplitNumber = -1)<br/>获得数值value在坐标轴上对应的split索引 |
+|GetAxisValueSplitIndex()||public static int GetAxisValueSplitIndex(Axis axis, double value, bool checkMaxCache, int totalSplitNumber = -1)<br/>获得数值value在坐标轴上对应的split索引 |
 |GetAxisXOrY()||public static float GetAxisXOrY(GridCoord grid, Axis axis, Axis relativedAxis)|
 |GetDataWidth()||public static float GetDataWidth(Axis axis, float coordinateWidth, int dataCount, DataZoom dataZoom)<br/>获得一个类目数据在坐标系中代表的宽度 |
 |GetEachWidth()||public static float GetEachWidth(Axis axis, float coordinateWidth, DataZoom dataZoom = null)|
@@ -638,6 +644,21 @@ Background component.
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+Bar chart shows different data through the height of a bar, which is used in rectangular coordinate with at least 1 category axis.
+
+|public method|since|description|
+|--|--|--|
+|DefaultBarChart()||public void DefaultBarChart()<br/>default bar chart. |
+|DefaultCapsuleBarChart()||public void DefaultCapsuleBarChart()<br/>default capsule bar chart. |
+|DefaultCapsuleColumnChart()||public void DefaultCapsuleColumnChart()<br/>default capsule column chart. |
+|DefaultGroupedBarChart()||public void DefaultGroupedBarChart()<br/>default grouped bar chart. |
+|DefaultGroupedColumnChart()||public void DefaultGroupedColumnChart()<br/>default grouped column chart. |
+|DefaultPercentBarChart()||public void DefaultPercentBarChart()<br/>default percent bar chart. |
+|DefaultPercentColumnChart()||public void DefaultPercentColumnChart()<br/>default percent column chart. |
+|DefaultStackedBarChart()||public void DefaultStackedBarChart()<br/>default stacked bar chart. |
+|DefaultStackedColumnChart()||public void DefaultStackedColumnChart()<br/>default stacked column chart. |
+|DefaultZebraBarChart()||public void DefaultZebraBarChart()<br/>default zebra bar chart. |
+|DefaultZebraColumnChart()||public void DefaultZebraColumnChart()<br/>default zebra column chart. |
 
 ## BaseAxisTheme
 
@@ -689,6 +710,7 @@ Background component.
 |AddData()||public SerieData AddData(string serieName, double xValue, double yValue, string dataName = null, string dataId = null)<br/>Add a (x,y) data to serie. |
 |AddData()||public SerieData AddData(string serieName, List&lt;double&gt; multidimensionalData, string dataName = null, string dataId = null)<br/>Add an arbitray dimension data to serie,such as (x,y,z,...). |
 |AddData()||public SerieData AddData(string serieName, params double[] multidimensionalData)<br/>Add an arbitray dimension data to serie,such as (x,y,z,...). |
+|AddLink()||public SerieDataLink AddLink(int serieIndex, string sourceName, string targetName, double value)<br/>Add a link data to serie. |
 |AddSerie&lt;T&gt;()||public T AddSerie&lt;T&gt;(string serieName = null, bool show = true, bool addToHead = false) where T : Serie|
 |AddXAxisData()||public void AddXAxisData(string category, int xAxisIndex = 0)<br/>Add a category data to xAxis. |
 |AddXAxisIcon()||public void AddXAxisIcon(Sprite icon, int xAxisIndex = 0)<br/>Add an icon to xAxis. |
@@ -707,9 +729,10 @@ Background component.
 |CanMultipleComponent()||public bool CanMultipleComponent(Type type)|
 |ClampInChart()||public void ClampInChart(ref Vector3 pos)|
 |ClampInGrid()||public Vector3 ClampInGrid(GridCoord grid, Vector3 pos)|
-|ClearComponentData()||public virtual void ClearComponentData()<br/>Clear the data of all components. |
+|ClearComponentData()|v3.4.0|public virtual void ClearComponentData()<br/>Clear the data of all components. |
 |ClearData()||public virtual void ClearData()<br/>Clear all components and series data. Note: serie only empties the data and does not remove serie. |
-|ClearSerieData()||public virtual void ClearSerieData()<br/>Clear the data of all series. |
+|ClearSerieData()|v3.4.0|public virtual void ClearSerieData()<br/>Clear the data of all series. |
+|ClearSerieLinks()|v3.10.0|public virtual void ClearSerieLinks()<br/>Clear the link data of all series. |
 |ClickLegendButton()||public void ClickLegendButton(int legendIndex, string legendName, bool show)<br/>点击图例按钮 |
 |ConvertSerie()||public bool ConvertSerie(Serie serie, Type type)|
 |ConvertSerie&lt;T&gt;()||public bool ConvertSerie&lt;T&gt;(Serie serie) where T : Serie|
@@ -733,7 +756,7 @@ Background component.
 |GetItemColor()||public Color32 GetItemColor(Serie serie, SerieData serieData, int colorIndex)|
 |GetLegendRealShowNameColor()||public Color32 GetLegendRealShowNameColor(string name)|
 |GetLegendRealShowNameIndex()||public int GetLegendRealShowNameIndex(string name)|
-|GetMarkColor()||public Color32 GetMarkColor(Serie serie, SerieData serieData)<br/>获得Serie的标识颜色。 |
+|GetMarkColor()|v3.4.0|public Color32 GetMarkColor(Serie serie, SerieData serieData)<br/>获得Serie的标识颜色。 |
 |GetOrAddChartComponent&lt;T&gt;()||public T GetOrAddChartComponent&lt;T&gt;() where T : MainComponent|
 |GetPainter()||public Painter GetPainter(int index)|
 |GetSerie()||public Serie GetSerie(int serieIndex)|
@@ -809,6 +832,7 @@ Background component.
 |RemoveSerie()||public void RemoveSerie(string serieName)|
 |RemoveSerie&lt;T&gt;()||public void RemoveSerie&lt;T&gt;() where T : Serie|
 |ReplaceSerie()||public bool ReplaceSerie(Serie oldSerie, Serie newSerie)|
+|ResetChartStatus()|v3.10.0|public void ResetChartStatus()<br/>reset chart status. When some parameters are set, due to the animation effect, the chart status may not be correct. |
 |ResetDataIndex()||public bool ResetDataIndex(int serieIndex)<br/>重置serie的数据项索引。避免数据项索引异常。 |
 |SetBasePainterMaterial()||public void SetBasePainterMaterial(Material material)<br/>设置Base Painter的材质球 |
 |SetMaxCache()||public void SetMaxCache(int maxCache)<br/>设置可缓存的最大数据量。当数据量超过该值时，会自动删除第一个值再加入最新值。 |
@@ -930,6 +954,20 @@ Settings related to base line.
 
 Configurations of blur state.
 
+## BorderStyle
+
+> class in XCharts.Runtime / Inherits from: [ChildComponent](#childcomponent)
+
+> Since `v3.10.0`
+
+The style of border.
+
+|public method|since|description|
+|--|--|--|
+|GetRuntimeBorderColor()||public Color32 GetRuntimeBorderColor()|
+|GetRuntimeBorderWidth()||public float GetRuntimeBorderWidth()|
+|GetRuntimeCornerRadius()||public float[] GetRuntimeCornerRadius()|
+
 ## CalendarCoord
 
 > class in XCharts.Runtime / Inherits from: [CoordSystem](#coordsystem),[IUpdateRuntimeData](#iupdateruntimedata),[ISerieContainer](#iseriecontainer)
@@ -953,6 +991,7 @@ Configurations of blur state.
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+A candlestick chart is a style of financial chart used to describe price movements of a security, derivative, or currency.
 
 ## ChartCached
 
@@ -1046,6 +1085,7 @@ Configurations of blur state.
 |SetActive()||public static void SetActive(Image image, bool active)|
 |SetActive()||public static void SetActive(Text text, bool active)|
 |SetActive()||public static void SetActive(Transform transform, bool active)<br/>通过设置scale实现是否显示，优化性能，减少GC |
+|SetBackground()||public static void SetBackground(Image background, Background imageStyle)|
 |SetBackground()||public static void SetBackground(Image background, ImageStyle imageStyle)|
 |SetColorOpacity()||public static void SetColorOpacity(ref Color32 color, float opacity)|
 
@@ -1097,6 +1137,7 @@ Configurations of blur state.
 |--|--|--|
 |ChartText()||public ChartText()|
 |ChartText()||public ChartText(GameObject textParent)|
+|GetColor()||public Color GetColor()|
 |GetPreferredHeight()||public float GetPreferredHeight()|
 |GetPreferredText()||public string GetPreferredText(string content, string suffix, float maxWidth)|
 |GetPreferredWidth()||public float GetPreferredWidth()|
@@ -1129,7 +1170,7 @@ Configurations of blur state.
 
 ## ChildComponent
 
-> class in XCharts.Runtime / Subclasses: [AnimationStyle](#animationstyle),[AxisAnimation](#axisanimation),[AxisName](#axisname),[AxisSplitArea](#axissplitarea),[AreaStyle](#areastyle),[ArrowStyle](#arrowstyle),[BaseLine](#baseline),[IconStyle](#iconstyle),[ImageStyle](#imagestyle),[ItemStyle](#itemstyle),[Level](#level),[LevelStyle](#levelstyle),[LineArrow](#linearrow),[LineStyle](#linestyle),[Location](#location),[MLValue](#mlvalue),[MarqueeStyle](#marqueestyle),[Padding](#padding),[StageColor](#stagecolor),[SymbolStyle](#symbolstyle),[TextLimit](#textlimit),[TextStyle](#textstyle),[CommentItem](#commentitem),[CommentMarkStyle](#commentmarkstyle),[LabelLine](#labelline),[LabelStyle](#labelstyle),[MarkAreaData](#markareadata),[MarkLineData](#marklinedata),[StateStyle](#statestyle),[VisualMapRange](#visualmaprange),[UIComponentTheme](#uicomponenttheme),[SerieData](#seriedata),[ComponentTheme](#componenttheme),[SerieTheme](#serietheme),[ThemeStyle](#themestyle) 
+> class in XCharts.Runtime / Subclasses: [AnimationStyle](#animationstyle),[AxisAnimation](#axisanimation),[AxisName](#axisname),[AxisSplitArea](#axissplitarea),[AreaStyle](#areastyle),[ArrowStyle](#arrowstyle),[BaseLine](#baseline),[BorderStyle](#borderstyle),[IconStyle](#iconstyle),[ImageStyle](#imagestyle),[ItemStyle](#itemstyle),[Level](#level),[LevelStyle](#levelstyle),[LineArrow](#linearrow),[LineStyle](#linestyle),[Location](#location),[MLValue](#mlvalue),[MarqueeStyle](#marqueestyle),[Padding](#padding),[StageColor](#stagecolor),[SymbolStyle](#symbolstyle),[TextLimit](#textlimit),[TextStyle](#textstyle),[CommentItem](#commentitem),[CommentMarkStyle](#commentmarkstyle),[LabelLine](#labelline),[LabelStyle](#labelstyle),[MarkAreaData](#markareadata),[MarkLineData](#marklinedata),[StateStyle](#statestyle),[VisualMapRange](#visualmaprange),[UIComponentTheme](#uicomponenttheme),[SerieData](#seriedata),[SerieDataLink](#seriedatalink),[ComponentTheme](#componenttheme),[SerieTheme](#serietheme),[ThemeStyle](#themestyle) 
 
 
 |public method|since|description|
@@ -1185,8 +1226,8 @@ the comment mark style.
 
 |public method|since|description|
 |--|--|--|
-|ComponentHandlerAttribute()||public ComponentHandlerAttribute(Type handler)|
-|ComponentHandlerAttribute()||public ComponentHandlerAttribute(Type handler, bool allowMultiple)|
+|ComponentHandlerAttribute()||public ComponentHandlerAttribute(Type handler, bool allowMultiple, int order = 3)|
+|ComponentHandlerAttribute()||public ComponentHandlerAttribute(Type handler, int order = 3)|
 
 ## ComponentHelper
 
@@ -1369,6 +1410,53 @@ Configurations of emphasis state.
 |TrimAndReplaceLine()||public static string TrimAndReplaceLine(string content)|
 |TrimAndReplaceLine()||public static string TrimAndReplaceLine(StringBuilder sb)|
 
+## Graph
+
+> class in XCharts.Runtime
+
+the data struct of graph.
+
+|public method|since|description|
+|--|--|--|
+|AddEdge()||public GraphEdge AddEdge(string nodeId1, string nodeId2, double value)|
+|AddNode()||public GraphNode AddNode(string nodeId, string nodeName, int dataIndex)|
+|BreadthFirstTraverse()||public void BreadthFirstTraverse(GraphNode startNode, System.Action&lt;GraphNode&gt; onTraverse)|
+|Clear()||public void Clear()|
+|DeepFirstTraverse()||public void DeepFirstTraverse(GraphNode startNode, System.Action&lt;GraphNode&gt; onTraverse)|
+|EachNode()||public void EachNode(System.Action&lt;GraphNode&gt; onEach)|
+|GetDepthNodes()||public List&lt;List&lt;GraphNode&gt;&gt; GetDepthNodes()|
+|GetEdge()||public GraphEdge GetEdge(string nodeId1, string nodeId2)|
+|GetMaxDepth()||public int GetMaxDepth()|
+|GetNode()||public GraphNode GetNode(string nodeId)|
+|GetNodeDepth()||// public int GetNodeDepth(GraphNode node)|
+|GetNodeDepth()||// public void GetNodeDepth(GraphNode node, ref int depth, int recursiveCount = 0)|
+|GetNodeDepth()||public int GetNodeDepth(GraphNode node, int recursiveCount = 0)|
+|GetNodesTotalValue()||public static double GetNodesTotalValue(List&lt;GraphNode&gt; nodes)|
+|GetRootNodes()||public List&lt;GraphNode&gt; GetRootNodes()|
+|Graph()||public Graph(bool directed)|
+|Refresh()||public void Refresh()|
+
+## GraphEdge
+
+> class in XCharts.Runtime
+
+The edge of graph.
+
+|public method|since|description|
+|--|--|--|
+|GraphEdge()||public GraphEdge(GraphNode node1, GraphNode node2, double value)|
+
+## GraphNode
+
+> class in XCharts.Runtime
+
+The node of graph.
+
+|public method|since|description|
+|--|--|--|
+|GraphNode()||public GraphNode(string id, string name, int dataIndex)|
+|ToString()||public override string ToString()|
+
 ## GridCoord
 
 > class in XCharts.Runtime / Inherits from: [CoordSystem](#coordsystem),[IUpdateRuntimeData](#iupdateruntimedata),[ISerieContainer](#iseriecontainer)
@@ -1388,6 +1476,7 @@ Grid component.
 |ContainsX()|v3.7.0|public bool ContainsX(float x)<br/>Whether the given x is in the grid. |
 |ContainsY()|v3.7.0|public bool ContainsY(float y)<br/>Whether the given y is in the grid. |
 |IsPointerEnter()||public bool IsPointerEnter()<br/>Whether the pointer is in the grid. |
+|NotAnyIntersect()|v3.10.0|public bool NotAnyIntersect(Vector3 sp, Vector3 ep)<br/>Determines whether a given line segment will not intersect the Grid boundary at all. |
 |UpdateRuntimeData()||public void UpdateRuntimeData(BaseChart chart)|
 
 ## GridCoordContext
@@ -1425,6 +1514,11 @@ Grid layout component. Used to manage the layout of multiple `GridCoord`, and th
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+Heat map mainly use colors to represent values, which must be used along with visualMap component. It can be used in either rectangular coordinate or geographic coordinate. But the behaviour on them are quite different. Rectangular coordinate must have two categories to use it.
+
+|public method|since|description|
+|--|--|--|
+|DefaultCountHeatmapChart()||public void DefaultCountHeatmapChart()<br/>default count heatmap chart. |
 
 ## IconStyle
 
@@ -1567,7 +1661,6 @@ The interface for serie data component.
 |GetToColor()||public Color32 GetToColor()|
 |IsNeedCorner()||public bool IsNeedCorner()|
 |IsNeedGradient()||public bool IsNeedGradient()|
-|NeedShowBorder()||public bool NeedShowBorder()<br/>是否需要显示边框。 |
 |Reset()||public void Reset()|
 
 ## IUpdateRuntimeData
@@ -1735,6 +1828,8 @@ Legend component.The legend component shows different sets of tags, colors, and
 
 > class in XCharts.Runtime / Inherits from: [ChildComponent](#childcomponent)
 
+> Since `v3.10.0`
+
 
 ## Line
 
@@ -1755,6 +1850,19 @@ Legend component.The legend component shows different sets of tags, colors, and
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+Line chart relates all the data points symbol by broken lines, which is used to show the trend of data changing. It could be used in both rectangular coordinate andpolar coordinate.
+
+|public method|since|description|
+|--|--|--|
+|DefaultAreaLineChart()||public void DefaultAreaLineChart()<br/>default area line chart. |
+|DefaultDashLineChart()||public void DefaultDashLineChart()<br/>default dash line chart. |
+|DefaultLogLineChart()||public void DefaultLogLineChart()<br/>default logarithmic line chart. |
+|DefaultSmoothAreaLineChart()||public void DefaultSmoothAreaLineChart()<br/>default smooth area line chart. |
+|DefaultSmoothLineChart()||public void DefaultSmoothLineChart()<br/>default smooth line chart. |
+|DefaultStackAreaLineChart()||public void DefaultStackAreaLineChart()<br/>default stack area line chart. |
+|DefaultStackLineChart()||public void DefaultStackLineChart()<br/>default stack line chart. |
+|DefaultStepLineChart()||public void DefaultStepLineChart()<br/>default step line chart. |
+|DefaultTimeLineChart()||public void DefaultTimeLineChart()<br/>default time line chart. |
 
 ## LineStyle
 
@@ -1806,6 +1914,17 @@ The style of line.
 |--|--|--|
 |ListForSerie()||public ListForSerie(Type type) : base(type)|
 
+## ListPool&lt;T&gt;
+
+> class in XCharts.Runtime
+
+
+|public method|since|description|
+|--|--|--|
+|ClearAll()||public static void ClearAll()|
+|Get()||public static List&lt;T&gt; Get()|
+|Release()||public static void Release(List&lt;T&gt; toRelease)|
+
 ## Location
 
 > class in XCharts.Runtime / Inherits from: [ChildComponent](#childcomponent),[IPropertyChanged](#ipropertychanged)
@@ -2018,6 +2137,7 @@ padding setting of item or text.
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+Parallel Coordinates is a common way of visualizing high-dimensional geometry and analyzing multivariate data.
 
 ## ParallelCoord
 
@@ -2051,6 +2171,15 @@ Grid component.
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+The pie chart is mainly used for showing proportion of different categories. Each arc length represents the proportion of data quantity.
+
+|public method|since|description|
+|--|--|--|
+|DefaultAreaRosePieChart()||public void DefaultAreaRosePieChart()<br/>default area rose pie chart. |
+|DefaultDonutPieChart()||public void DefaultDonutPieChart()<br/>default donut pie chart. |
+|DefaultLabelDonutPieChart()||public void DefaultLabelDonutPieChart()<br/>default label donut pie chart. |
+|DefaultLabelPieChart()||public void DefaultLabelPieChart()<br/>default label pie chart. |
+|DefaultRadiusRosePieChart()||public void DefaultRadiusRosePieChart()<br/>default rose pie chart. |
 
 ## PolarAxisTheme
 
@@ -2065,6 +2194,13 @@ Grid component.
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+Polar coordinates are usually used in a circular layout.
+
+|public method|since|description|
+|--|--|--|
+|DefaultHeatmapPolarChart()||public void DefaultHeatmapPolarChart()<br/>default heatmap polar chart. |
+|DefaultRadialBarPolarChart()||public void DefaultRadialBarPolarChart()<br/>default radial bar polar chart. |
+|DefaultTangentialBarPolarChart()||public void DefaultTangentialBarPolarChart()<br/>default tangential bar polar chart. |
 
 ## PolarCoord
 
@@ -2116,6 +2252,11 @@ Polar coordinate can be used in scatter and line chart. Every polar coordinate h
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+Radar chart is mainly used to show multi-variable data, such as the analysis of a football player's varied attributes. It relies radar component.
+
+|public method|since|description|
+|--|--|--|
+|DefaultCircleRadarChart()||public void DefaultCircleRadarChart()<br/>default circle radar chart. |
 
 ## RadarCoord
 
@@ -2186,6 +2327,11 @@ Radial axis of polar coordinate.
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+Ring chart is mainly used to show the proportion of each item and the relationship between the items.
+
+|public method|since|description|
+|--|--|--|
+|DefaultMultipleRingChart()||public void DefaultMultipleRingChart()<br/>default multiple ring chart. |
 
 ## RuntimeUtil
 
@@ -2214,6 +2360,11 @@ Radial axis of polar coordinate.
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+Scatter chart is mainly used to show the relationship between two data dimensions.
+
+|public method|since|description|
+|--|--|--|
+|DefaultBubbleChart()||public void DefaultBubbleChart()<br/>default bubble chart. |
 
 ## SelectStyle
 
@@ -2242,6 +2393,7 @@ Configurations of select state.
 |AddData()||public SerieData AddData(List&lt;double&gt; valueList, string dataName = null, string dataId = null)<br/>将一组数据添加到系列中。 如果数据只有一个，默认添加到维度Y中。 |
 |AddData()||public SerieData AddData(params double[] values)<br/>添加任意维数据到系列中。 |
 |AddExtraComponent&lt;T&gt;()||public T AddExtraComponent&lt;T&gt;() where T : ChildComponent, ISerieComponent|
+|AddLink()||public SerieDataLink AddLink(string sourceName, string targetName, double value)<br/>Add a link data. |
 |AddSerieData()||public void AddSerieData(SerieData serieData)|
 |AddXYData()||public SerieData AddXYData(double xValue, double yValue, string dataName = null, string dataId = null)<br/>添加（x，y）数据到维度X和维度Y |
 |AddYData()||public SerieData AddYData(double value, string dataName = null, string dataId = null)<br/>添加一个数据到维度Y（此时维度X对应的数据是索引） |
@@ -2258,6 +2410,7 @@ Configurations of select state.
 |ClearData()||public override void ClearData()<br/>清空所有数据 |
 |ClearDirty()||public override void ClearDirty()|
 |ClearHighlight()||public void ClearHighlight()<br/>清除所有数据的高亮标志 |
+|ClearLinks()||public void ClearLinks()<br/>清空所有Link数据 |
 |ClearSerieNameDirty()||public void ClearSerieNameDirty()|
 |ClearVerticesDirty()||public override void ClearVerticesDirty()|
 |Clone()||public Serie Clone()|
@@ -2265,7 +2418,7 @@ Configurations of select state.
 |CompareTo()||public int CompareTo(object obj)|
 |EnsureComponent()||public ISerieComponent EnsureComponent(Type type)|
 |EnsureComponent&lt;T&gt;()||public T EnsureComponent&lt;T&gt;() where T : ChildComponent, ISerieComponent<br/>Ensure the serie has the component. If not, add it. |
-|GetBarWidth()||public float GetBarWidth(float categoryWidth, int barCount = 0)|
+|GetBarWidth()||public float GetBarWidth(float categoryWidth, int barCount = 0, float defaultRate = 0.6f)|
 |GetComponent()||public ISerieComponent GetComponent(Type type)|
 |GetComponent&lt;T&gt;()||public T GetComponent&lt;T&gt;() where T : ChildComponent, ISerieComponent|
 |GetData()||public double GetData(int index, int dimension, DataZoom dataZoom = null)<br/>获得指定index指定维数的数据 |
@@ -2284,6 +2437,9 @@ Configurations of select state.
 |IsIgnoreValue()||public bool IsIgnoreValue(SerieData serieData, double value)|
 |IsIgnoreValue()||public bool IsIgnoreValue(SerieData serieData, int dimension = 1)|
 |IsLegendName()||public bool IsLegendName(string legendName)|
+|IsMinShowLabelValue()||public bool IsMinShowLabelValue(double value)|
+|IsMinShowLabelValue()||public bool IsMinShowLabelValue(int index, int dimension = 1)|
+|IsMinShowLabelValue()||public bool IsMinShowLabelValue(SerieData serieData, int dimension = 1)|
 |IsPerformanceMode()||public bool IsPerformanceMode()<br/>是否为性能模式。性能模式下不绘制Symbol，不刷新Label，不单独设置数据项配置。 |
 |IsSerie&lt;T&gt;()||public bool IsSerie&lt;T&gt;() where T : Serie|
 |IsSerieDataLegendName()||public bool IsSerieDataLegendName(string legendName)|
@@ -2435,6 +2591,14 @@ The attribute for serie data component.
 |SerieDataExtraFieldAttribute()||public SerieDataExtraFieldAttribute(string field1, string field2, string field3, string field4, string field5, string field6)|
 |SerieDataExtraFieldAttribute()||public SerieDataExtraFieldAttribute(string field1, string field2, string field3, string field4, string field5, string field6, string field7)|
 
+## SerieDataLink
+
+> class in XCharts.Runtime / Inherits from: [ChildComponent](#childcomponent)
+
+> Since `v3.10.0`
+
+the link of serie data. Used for sankey chart. Sankey chart only supports directed acyclic graph. make sure the data link is directed acyclic graph.
+
 ## SerieEventData
 
 > class in XCharts.Runtime
@@ -2472,6 +2636,7 @@ the data of serie event.
 |ForceUpdateSerieContext()||public virtual void ForceUpdateSerieContext() { }|
 |InitComponent()||public virtual void InitComponent() { }|
 |OnBeginDrag()||public virtual void OnBeginDrag(PointerEventData eventData) { }|
+|OnDataUpdate()||public virtual void OnDataUpdate() { }|
 |OnDrag()||public virtual void OnDrag(PointerEventData eventData) { }|
 |OnEndDrag()||public virtual void OnEndDrag(PointerEventData eventData) { }|
 |OnLegendButtonClick()||public virtual void OnLegendButtonClick(int index, string legendName, bool show) { }|
@@ -2674,6 +2839,7 @@ Global parameter setting component. The default value can be used in general, an
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+A simplified bar chart is a simplified mode of a bar chart that provides better performance by simplifying components and configurations.
 
 ## SimplifiedCandlestick
 
@@ -2689,6 +2855,7 @@ Global parameter setting component. The default value can be used in general, an
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+A simplified candlestick chart is a simplified mode of a bar chart that provides better performance by simplifying components and configurations.
 
 ## SimplifiedLine
 
@@ -2704,6 +2871,7 @@ Global parameter setting component. The default value can be used in general, an
 
 > class in XCharts.Runtime / Inherits from: [BaseChart](#basechart)
 
+A simplified line chart is a simplified mode of a bar chart that provides better performance by simplifying components and configurations.
 
 ## Since
 
@@ -2773,11 +2941,6 @@ the state style of serie.
 |DrawPath()||public static void DrawPath(VertexHelper vh, SVGPath path)|
 |Test()||public static void Test(VertexHelper vh)|
 
-## SVGImage
-
-> class in XCharts.Runtime / Inherits from: [MaskableGraphic](https://docs.unity3d.com/ScriptReference/30_search.html?q=maskablegraphic)
-
-
 ## SVGPath
 
 > class in XUGL
@@ -3079,16 +3242,16 @@ UI组件基类。
 > class in XCharts.Runtime / Inherits from: [ChildComponent](#childcomponent)
 
 
+|public method|since|description|
+|--|--|--|
+|GetBackgroundColor()||public Color32 GetBackgroundColor(Background background)|
+
 ## UIHelper
 
 > class in XCharts.Runtime
 
 UI帮助类。
 
-|public method|since|description|
-|--|--|--|
-|GetBackgroundColor()||public static Color32 GetBackgroundColor(UIComponent component)|
-
 ## VisualMap
 
 > class in XCharts.Runtime / Inherits from: [MainComponent](#maincomponent)

Documentation~/en/changelog.md

@@ -2,6 +2,9 @@
 # 更新日志
 
 [master](#master)  
+[v3.10.2](#v3102)  
+[v3.10.1](#v3101)  
+[v3.10.0](#v3100)  
 [v3.9.0](#v390)  
 [v3.8.1](#v381)  
 [v3.8.0](#v380)  
@@ -65,6 +68,58 @@
 
 ## master
 
+## v3.10.2
+
+* (2024.03.11) Release `v3.10.2`
+* (2024.03.11) Fix to `Legend`'s `formatter` showing possible mismatches when setting {d} (#304)
+* (2024.03.11) Fix to `Tooltip` still showing after moving out of coordinate system
+* (2024.03.08) Fixed an issue where `Tooltip`'s title might not appear after upgrading from an older version
+
+## v3.10.1
+
+* (2024.02.21) Release `v3.10.1`
+* (2024.02.19) Fix to `Tooltip` dot markers not adapting to color
+
+## v3.10.0
+
+Highlights:
+
+* Added bi-category axis support
+* Added more segmentation shortcut menu to create charts, which can create dozens of charts with one click
+* Added chart border Settings to support rounded corner charts
+* Fixed several issues
+
+Extended features:
+
+* Added `SankeyChart` Sankey chart
+* Added `border` Settings for `UITable`
+
+Log details:
+
+* (2024.02.01) Release `v3.10.0`
+* (2024.01.31) Fix to Tooltip not displaying after itemFormatter is set to -
+* (2024.01.27) Fix to TextLimit not working after TextMeshPro is enabled (#301)
+* (2024.01.24) Added `Bar` to support both X and Y axes as` Category `axes
+* (2024.01.23) Added `{y}` wildcard to get the class name of the Y-axis
+* (2024.01.23) Added `Line` to support both X and Y axes as` Category `axes
+* (2024.01.18) Fixed dynamic modification of `Animation`s `type` code
+* (2024.01.13) Added more quick Chart creation menus for Chart
+* (2024.01.09) added `borderStyle` to `Background` to give the chart rounded corners by default
+* (2024.01.07) Fix to invalid first ContentLabelStyle setting color for Tooltop
+* (2024.01.01) Added `BorderStyle` border style
+* (2023.12.26) Added support for Heatmap's maxCache parameter
+* (2023.12.25) Optimizes the number of vertices drawn when `Line`` opens clip
+* (2023.12.22) Fixed an issue where some border data of `Scatter` map was not displayed
+* (2023.12.21) Fix to `TriggerTooltip()` interface may not fire when 0 or maximum index is specified
+* (2023.12.19) Fixed an issue where `Legend`'s `LabelStyle` does not take effect after setting its formatter
+* (2023.12.12) Added TextLimit for Legend to limit the length of the text displayed in the legend
+* (2023.12.11) Fix to coordinate drawing failure when `Serie` was added with `double-maxvalue`
+* (2023.12.10) Add `Serie` to `minShowLabel` to hide `labels` that are less than the specified value
+* (2023.12.09) Add depth to `LevelStyle` to specify the level to which it belongs
+* (2023.12.09) Added `LevelStyle` `LineStyle` to set line styles
+* (2023.12.09) Adding `Serie` to `Link` can be used to add node-edge relationships to Sankey diagrams
+* (2023.12.05) added `ResetChartStatus()` to actively reset chart status
+
 ## v3.9.0
 
 Highlights:
@@ -83,6 +138,7 @@ Extended features:
 
 Log details:
 
+* (2023.12.01) Release `v3.9.0`
 * (2023.12.01) Fixed inaccurate display of Tooltip's `titleFormatter` set to `{b}`
 * (2023.11.30) Added support for `SerieData` to add `Label` separately
 * (2023.11.28) Fix to `Tooltip` incorrectly indicating the number line

Documentation~/en/configuration.md

@@ -94,6 +94,7 @@ import APITable from '@site/src/components/APITable';
 - [BaseAxisTheme](#baseaxistheme)
 - [BaseLine](#baseline)
 - [BlurStyle](#blurstyle)
+- [BorderStyle](#borderstyle)
 - [CommentItem](#commentitem)
 - [CommentMarkStyle](#commentmarkstyle)
 - [ComponentTheme](#componenttheme)
@@ -121,6 +122,7 @@ import APITable from '@site/src/components/APITable';
 - [RadiusAxisTheme](#radiusaxistheme)
 - [SelectStyle](#selectstyle)
 - [SerieData](#seriedata)
+- [SerieDataLink](#seriedatalink)
 - [SerieSymbol](#seriesymbol)
 - [SerieTheme](#serietheme)
 - [StageColor](#stagecolor)
@@ -655,7 +657,10 @@ Background component.
 |image|||the image of background.
 |imageType|||the fill type of background image.
 |imageColor|||背景图颜色。
+|imageWidth|0|v3.10.0|the width of background image.
+|imageHeight|0|v3.10.0|the height of background image.
 |autoColor|true||Whether to use theme background color for component color when the background component is on.
+|borderStyle||v3.10.0|the border style of background. [BorderStyle](#borderstyle)|
 
 ```mdx-code-block
 </APITable>
@@ -730,6 +735,31 @@ Settings related to base line.
 
 Configurations of blur state.
 
+## BorderStyle
+
+> class in XCharts.Runtime / Inherits from: [ChildComponent](#childcomponent)
+
+> Since `v3.10.0`
+
+The style of border.
+
+```mdx-code-block
+<APITable name="BorderStyle">
+```
+
+
+|field|default|since|comment|
+|--|--|--|--|
+|show|false||whether the border is visible.
+|borderWidth|||the width of border.
+|borderColor|||the color of border.
+|roundedCorner|true||whether the border is rounded corner.
+|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)). When is set to (1,1,1,1), all corners are rounded.
+
+```mdx-code-block
+</APITable>
+```
+
 ## CalendarCoord
 
 > class in XCharts.Runtime / Inherits from: [CoordSystem](#coordsystem), [IUpdateRuntimeData](#iupdateruntimedata), [ISerieContainer](#iseriecontainer)
@@ -744,7 +774,7 @@ Configurations of blur state.
 
 ## ChildComponent
 
-> class in XCharts.Runtime / Subclasses: [AnimationStyle](#animationstyle), [AxisAnimation](#axisanimation), [AxisName](#axisname), [AxisSplitArea](#axissplitarea), [AreaStyle](#areastyle), [ArrowStyle](#arrowstyle), [BaseLine](#baseline), [IconStyle](#iconstyle), [ImageStyle](#imagestyle), [ItemStyle](#itemstyle), [Level](#level), [LevelStyle](#levelstyle), [LineArrow](#linearrow), [LineStyle](#linestyle), [Location](#location), [MLValue](#mlvalue), [MarqueeStyle](#marqueestyle), [Padding](#padding), [StageColor](#stagecolor), [SymbolStyle](#symbolstyle), [TextLimit](#textlimit), [TextStyle](#textstyle), [CommentItem](#commentitem), [CommentMarkStyle](#commentmarkstyle), [LabelLine](#labelline), [LabelStyle](#labelstyle), [MarkAreaData](#markareadata), [MarkLineData](#marklinedata), [StateStyle](#statestyle), [VisualMapRange](#visualmaprange), [UIComponentTheme](#uicomponenttheme), [SerieData](#seriedata), [ComponentTheme](#componenttheme), [SerieTheme](#serietheme), [ThemeStyle](#themestyle)
+> class in XCharts.Runtime / Subclasses: [AnimationStyle](#animationstyle), [AxisAnimation](#axisanimation), [AxisName](#axisname), [AxisSplitArea](#axissplitarea), [AreaStyle](#areastyle), [ArrowStyle](#arrowstyle), [BaseLine](#baseline), [BorderStyle](#borderstyle), [IconStyle](#iconstyle), [ImageStyle](#imagestyle), [ItemStyle](#itemstyle), [Level](#level), [LevelStyle](#levelstyle), [LineArrow](#linearrow), [LineStyle](#linestyle), [Location](#location), [MLValue](#mlvalue), [MarqueeStyle](#marqueestyle), [Padding](#padding), [StageColor](#stagecolor), [SymbolStyle](#symbolstyle), [TextLimit](#textlimit), [TextStyle](#textstyle), [CommentItem](#commentitem), [CommentMarkStyle](#commentmarkstyle), [LabelLine](#labelline), [LabelStyle](#labelstyle), [MarkAreaData](#markareadata), [MarkLineData](#marklinedata), [StateStyle](#statestyle), [VisualMapRange](#visualmaprange), [UIComponentTheme](#uicomponenttheme), [SerieData](#seriedata), [SerieDataLink](#seriedatalink), [ComponentTheme](#componenttheme), [SerieTheme](#serietheme), [ThemeStyle](#themestyle)
 
 ## Comment
 
@@ -979,10 +1009,10 @@ Grid component.
 |--|--|--|--|
 |show|true||Whether to show the grid in rectangular coordinate.
 |layoutIndex|-1|v3.8.0|The index of the grid layout component to which the grid belongs. The default is -1, which means that it does not belong to any grid layout component. When this value is set, the left, right, top, and bottom properties will be invalid.
-|left|0.1f||Distance between grid component and the left side of the container.
+|left|0.11f||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.
+|bottom|0.14f||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.
@@ -1250,7 +1280,7 @@ Text label of chart, to explain some data information about graphic item like va
 |rotate|||Rotation of label.
 |autoRotate|false|v3.6.0|auto rotate of label.
 |distance|||the distance of label to axis line.
-|formatter|||label content string template formatter. \n line wrapping is supported. Formatters for some components will not take effect. <br /> Template placeholder have the following, some of which apply only to fixed components: <br /> `{.}` : indicates the dot mark. <br /> `{a}` : indicates the series name. <br /> `{b}` : category value or data name. <br /> `{c}` : data value. <br /> `{d}` : percentage. <br /> `{e}` : indicates the data name. <br /> `{f}` : data sum. <br /> `{g}` : indicates the total number of data. <br /> `{h}` : hexadecimal color value. <br /> `{value}` : The value of the axis or legend. <br /> The following placeholder apply to `UITable` components: <br /> `{name}` : indicates the row name of the table. <br /> `{index}` : indicates the row number of the table. <br /> The following placeholder apply to `UIStatistc` components: <br /> `{title}` : title text. <br /> `{dd}` : day. <br /> `{hh}` : hours. <br /> `{mm}` : minutes. <br /> `{ss}` : second. <br /> `{fff}` : milliseconds. <br /> `{d}` : day. <br /> `{h}` : hours. <br /> `{m}` : minutes. <br /> `{s}` : second. <br /> `{f}` : milliseconds. <br /> Example :{b}:{c}<br />
+|formatter|||label content string template formatter. \n line wrapping is supported. Formatters for some components will not take effect. <br /> Template placeholder have the following, some of which apply only to fixed components: <br /> `{.}` : indicates the dot mark. <br /> `{a}` : indicates the series name. <br /> `{b}` : category value of x axis or data name. <br /> `{c}` : data value. <br /> `{d}` : percentage. <br /> `{e}` : indicates the data name. <br /> `{f}` : data sum. <br /> `{g}` : indicates the total number of data. <br /> `{h}` : hexadecimal color value. <br /> `{y}` : category value of y axis. <br /> `{value}` : The value of the axis or legend. <br /> The following placeholder apply to `UITable` components: <br /> `{name}` : indicates the row name of the table. <br /> `{index}` : indicates the row number of the table. <br /> The following placeholder apply to `UIStatistc` components: <br /> `{title}` : title text. <br /> `{dd}` : day. <br /> `{hh}` : hours. <br /> `{mm}` : minutes. <br /> `{ss}` : second. <br /> `{fff}` : milliseconds. <br /> `{d}` : day. <br /> `{h}` : hours. <br /> `{m}` : minutes. <br /> `{s}` : second. <br /> `{f}` : milliseconds. <br /> Example :{b}:{c}<br />
 |numericFormatter|||Standard number and date format string. Used to format a Double value or a DateTime date as a string. numericFormatter is used as an argument to either `Double.ToString ()` or `DateTime.ToString()`. <br /> The number format uses the Axx format: A is a single-character format specifier that supports C currency, D decimal, E exponent, F fixed-point number, G regular, N digit, P percentage, R round trip, and X hexadecimal. xx is precision specification, from 0-99. E.g. F1, E2<br /> Date format Common date formats are: yyyy year, MM month, dd day, HH hour, mm minute, ss second, fff millisecond. For example: yyyy-MM-dd HH:mm:ss<br /> number format reference: https://docs.microsoft.com/en-us/dotnet/standard/base-types/standard-numeric-format-strings<br/> date format reference: https://docs.microsoft.com/en-us/dotnet/standard/base-types/standard-numeric-format-strings<br/>
 |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.
@@ -1302,6 +1332,7 @@ Legend component.The legend component shows different sets of tags, colors, and
 |itemOpacity|1||the opacity of item color.
 |formatter|||No longer used, the use of LabelStyle.formatter instead.
 |labelStyle|||the style of text. [LabelStyle](#labelstyle)|
+|textLimit||v3.10.0|the limit of text. [TextLimit](#textlimit)|
 |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.
@@ -1341,9 +1372,11 @@ Legend component.The legend component shows different sets of tags, colors, and
 
 |field|default|since|comment|
 |--|--|--|--|
-|label|||文本标签样式。 [LabelStyle](#labelstyle)|
-|upperLabel|||上方的文本标签样式。 [LabelStyle](#labelstyle)|
-|itemStyle|||数据项样式。 [ItemStyle](#itemstyle)|
+|depth|0|v3.10.0|the depth of level.
+|label|||the label style of level. [LabelStyle](#labelstyle)|
+|upperLabel|||the upper label style of level. [LabelStyle](#labelstyle)|
+|lineStyle||v3.10.0|the line style of level. [LineStyle](#linestyle)|
+|itemStyle|||the item style of level. [ItemStyle](#itemstyle)|
 
 ```mdx-code-block
 </APITable>
@@ -1353,6 +1386,8 @@ Legend component.The legend component shows different sets of tags, colors, and
 
 > class in XCharts.Runtime / Inherits from: [ChildComponent](#childcomponent)
 
+> Since `v3.10.0`
+
 ```mdx-code-block
 <APITable name="LevelStyle">
 ```
@@ -1811,6 +1846,8 @@ Configurations of select state.
 |center|||the center of chart.
 |radius|||the radius of chart.
 |minRadius|0f|v3.8.0|the min radius of chart. It can be used to limit the minimum radius of the rose chart.
+|minShowLabel|false|v3.10.0|Whether the label is not displayed when the enabled value is less than the specified value.
+|minShowLabelValue|0|v3.10.0|When 'minShowLabel' is enabled, labels are not displayed if the value is less than this value.
 |showDataDimension|||数据项里的数据维数。
 |showDataName|||在Editor的inpsector上是否显示name参数
 |clip|false||If clip the overflow on the coordinate system.
@@ -1836,6 +1873,7 @@ Configurations of select state.
 |animation|||The start animation. [AnimationStyle](#animationstyle)|
 |itemStyle|||The style of data item. [ItemStyle](#itemstyle)|
 |data|||系列中的数据内容数组。SerieData可以设置1到n维数据。
+|links|||数据节点的边。
 
 ```mdx-code-block
 </APITable>
@@ -1868,6 +1906,29 @@ A data item of serie.
 </APITable>
 ```
 
+## SerieDataLink
+
+> class in XCharts.Runtime / Inherits from: [ChildComponent](#childcomponent)
+
+> Since `v3.10.0`
+
+the link of serie data. Used for sankey chart. Sankey chart only supports directed acyclic graph. make sure the data link is directed acyclic graph.
+
+```mdx-code-block
+<APITable name="SerieDataLink">
+```
+
+
+|field|default|since|comment|
+|--|--|--|--|
+|source|||the source node name.
+|target|||the target node name.
+|value|||the value of link. decide the width of link.
+
+```mdx-code-block
+</APITable>
+```
+
 ## SerieSymbol
 
 > class in XCharts.Runtime / Inherits from: [SymbolStyle](#symbolstyle), [ISerieDataComponent](#iseriedatacomponent)
@@ -2242,8 +2303,8 @@ 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/>- `Auto`: Auto select indicator according to serie type.<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/>- `Auto`: Auto select trigger according to serie type.<br/>|
 |position||v3.3.0|Type of position.<br/>`Tooltip.Position`:<br/>- `Auto`: Auto. The mobile platform is displayed at the top, and the non-mobile platform follows the mouse position.<br/>- `Custom`: Custom. Fully customize display position (x,y).<br/>- `FixedX`: Just fix the coordinate X. Y follows the mouse position.<br/>- `FixedY`: <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|||String template formatter for tooltip title content. \n line wrapping is supported. The placeholder {i} can be set separately to indicate that title is ignored and not displayed. Template variables are {.}, {a}, {b}, {c}, {d}, {e}, {f}, and {g}. <br /> {.} is the dot of the corresponding color of serie currently indicated or index 0. <br /> {a} is the series name name of serie currently indicated or index 0. <br /> {b} is the name of the serie data item serieData currently indicated or index 0, or the category value (such as the X-axis of a line chart). <br /> {c} is the value of the serie y-dimension (dimesion is 1) currently indicated or index is 0. <br /> {d} is the serie y-dimensional (dimesion 1) percentage value of the currently indicated or index 0, note without the % sign. <br /> {e} is the name of the serie data item serieData currently indicated or whose index is 0. <br /> {h} is the hexadecimal color value of serieData for the serie data item currently indicated or index 0. <br /> {f} is the sum of data. <br /> {g} indicates the total number of data. <br /> {.1} represents a dot of the corresponding color with serie specified as index 1. <br /> The 1 in {a1}, {b1}, {c1} represents serie where index is specified as 1. <br /> {c1:2} represents the third data of the current indicator data item in serie with index 1 (one data item has multiple data, index 2 represents the third data). <br /> {c1:2-2} represents the third data of serie third data item with index 1 (that is, the number of data items must be specified when specifying the number of data items). <br /> {d1:2:f2} indicates that a format string with a single value is f2 (numericFormatter is used if no value is specified). <br /> {d:0.##} indicates that the format string with a value specified alone is 0.## # (for percentages, preserving a 2-digit significant number while avoiding the "100.00%" situation with f2). <br /> example: "{a}, {c}", "{a1}, {c1: f1}", "{a1}, {c1:0: f1}", "{a1}, {c1:1-1: f1}"
+|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/> {y} is category value of y axis.<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|||String template formatter for tooltip title content. \n line wrapping is supported. The placeholder {i} can be set separately to indicate that title is ignored and not displayed. Template variables are {.}, {a}, {b}, {c}, {d}, {e}, {f}, and {g}. <br /> {.} is the dot of the corresponding color of serie currently indicated or index 0. <br /> {a} is the series name name of serie currently indicated or index 0. <br /> {b} is the name of the serie data item serieData currently indicated or index 0, or the category value (such as the X-axis of a line chart). <br /> {c} is the value of the serie y-dimension (dimesion is 1) currently indicated or index is 0. <br /> {d} is the serie y-dimensional (dimesion 1) percentage value of the currently indicated or index 0, note without the % sign. <br /> {e} is the name of the serie data item serieData currently indicated or whose index is 0. <br /> {h} is the hexadecimal color value of serieData for the serie data item currently indicated or index 0. <br /> {f} is the sum of data. <br /> {g} indicates the total number of data. <br /> {y} is category value of y axis. <br /> {.1} represents a dot of the corresponding color with serie specified as index 1. <br /> The 1 in {a1}, {b1}, {c1} represents serie where index is specified as 1. <br /> {c1:2} represents the third data of the current indicator data item in serie with index 1 (one data item has multiple data, index 2 represents the third data). <br /> {c1:2-2} represents the third data of serie third data item with index 1 (that is, the number of data items must be specified when specifying the number of data items). <br /> {d1:2:f2} indicates that a format string with a single value is f2 (numericFormatter is used if no value is specified). <br /> {d:0.##} indicates that the format string with a value specified alone is 0.## # (for percentages, preserving a 2-digit significant number while avoiding the "100.00%" situation with f2). <br /> example: "{a}, {c}", "{a1}, {c1: f1}", "{a1}, {c1:0: f1}", "{a1}, {c1:1-1: f1}"
 |marker|||the marker of serie.
 |fixedWidth|0||Fixed width. Higher priority than minWidth.
 |fixedHeight|0||Fixed height. Higher priority than minHeight.

Documentation~/en/faq.md

@@ -1,142 +1,168 @@
 # XCharts FAQ
 
-[QA 1: How to adjust the margin between the axis and the background?](#How-to-adjust-the-margin-between-the-axis-and-the=-background)  
-[QA 2: How to play agian the fadeIn animation?](#How-to-play-agian-the-fadeIn-animation)  
-[QA 3: How to customize the color of data item in line chart and pie chart?](#How-to-customize-the-color-of-data-item-in-line-chart-and-pie-chart)  
-[QA 4: How to formatter the text of axis label, such as add a units text?](#How-to-formatter-the-text-of-axis-label-such-as-add-a-units-text)  
-[QA 5: How to stack the bar of bar chart](#How-to-stack-the-bar-of-bar-chart)  
-[QA 6: How to make the bar serie in the same bar but not stack?](#How-to-make-the-bar-serie-in-the-same-bar-but-not-stack)  
-[QA 7: How to adjust the bar width and gap of barchart?](#How-to-adjust-the-bar-width-and-gap-of-barchart)  
-[QA 8: How to adjust the color of bar?](#How-to-adjust-the-color-of-bar)  
-[QA 9: Can I adjust the anchor of chart?](#Can-I-adjust-the-anchor-of-chart)  
-[QA 10: Can display more than 1000 data?](#Can-display-more-than-1000-data)  
-[QA 11: Can line chart drawing be dash, dot and dash-dot?](#Can-line-chart-drawing-be-dash-dot-and-dash-dot)  
-[QA 12: How to limit the value range of the Y-axis?](#How-to-limit-the-value-range-of-the-Y-axis)  
-[QA 13: How to customize the tick value range of value axis?](#How-to-customize-the-tick-value-range-of-value-axis)  
-[QA 14: How to display text at the top of data items?](#How-to-display-text-at-the-top-of-data-items)  
-[QA 15: How do I customize icons for data items?](#How-do-I-customize-icons-for-data-items)  
-[QA 16: How to anti-aliasing and make the chart smoother?](#How-to-anti-aliasing-and-make-the-chart-smoother)  
-[QA 17: Why does mouse over chart Tooltip not show?](#Why-does-mouse-over-chart-Tooltip-not-show)  
-[QA 18: How not to display the bar line of Tooltip?](#How-not-to-display-the-bar-line-of-Tooltip)  
-[QA 19: How do I customize the display of Tooltip?](#How-do-I-customize-the-display-of-Tooltip)  
-[QA 20: How do I get the Y-axis to display multiple decimal places?](#How-do-I-get-the-Y-axis-to-display-multiple-decimal-places)  
-[QA 21: How do I dynamically update data with code?](#How-do-I-dynamically-update-data-with-code)  
-[QA 22: How to display legend? Why are legends sometimes not displayed?](#How-to-display-legend?Why-are-legends-sometimes-not-displayed)  
-[QA 23: How to make chart as prefab?](#How-to-make-chart-as-prefab)  
-[QA 24: How do I draw custom graphic in chart,such as line or dot?](#How-do-I-draw-custom-content-in-chart-such-as-line-or-dot)  
-[QA 25: How to achieve similar data movement effect of ELECTRO cardiogram?](#How-to-achieve-similar-data-movement-effect-of-ELECTRO-cardiogram)  
-[QA 26: How do I use the background component? What are the conditions?](#How-do-I-use-the-background-component-What-are-the-conditions)  
-[QA 27: Mesh can not have more than 65000 vertices?](#Mesh-cannot-have-more-than-65000-vertices)  
-[QA 28: Why are the parameters set in Serie reset after they run?](#Why-are-the-parameters-set-in-Serie-reset-after-they-run)  
+[FAQ 1: How to adjust the margin between the axis and the background?](#how-to-adjust-the-margin-between-the-axis-and-the-background)  
+[FAQ 2: How to play agian the fadeIn animation?](#how-to-play-agian-the-fadein-animation)  
+[FAQ 3: How to customize the color of data item in line chart and pie chart?](#how-to-customize-the-color-of-data-item-in-line-chart-and-pie-chart)  
+[FAQ 4: How to formatter the text of axis label, such as add a units text?](#how-to-formatter-the-text-of-axis-label-such-as-add-a-units-text)  
+[FAQ 5: How to stack the bar of bar chart](#how-to-stack-the-bar-of-bar-chart)  
+[FAQ 6: How to make the bar serie in the same bar but not stack?](#how-to-make-the-bar-serie-in-the-same-bar-but-not-stack)  
+[FAQ 7: How to adjust the bar width and gap of barchart?](#how-to-adjust-the-bar-width-and-gap-of-barchart)  
+[FAQ 8: How to adjust the color of bar?](#how-to-adjust-the-color-of-bar)  
+[FAQ 9: Can I adjust the anchor of chart?](#can-i-adjust-the-anchor-of-chart)  
+[FAQ 10: Can display more than 1000 data?](#can-display-more-than-1000-data)  
+[FAQ 11: Can line chart drawing be dash, dot and dash-dot?](#can-line-chart-drawing-be-dash-dot-and-dash-dot)  
+[FAQ 12: How to limit the value range of the Y-axis?](#how-to-limit-the-value-range-of-the-y-axis)  
+[FAQ 13: How to customize the tick value range of value axis?](#how-to-customize-the-tick-value-range-of-value-axis)  
+[FAQ 14: How to display text at the top of data items?](#how-to-display-text-at-the-top-of-data-items)  
+[FAQ 15: How do I customize icons for data items?](#how-do-i-customize-icons-for-data-items)  
+[FAQ 16: How to anti-aliasing and make the chart smoother?](#how-to-anti-aliasing-and-make-the-chart-smoother)  
+[FAQ 17: Why does mouse over chart Tooltip not show?](#why-does-mouse-over-chart-tooltip-not-show)  
+[FAQ 18: How not to display the bar line of Tooltip?](#how-not-to-display-the-bar-line-of-tooltip)  
+[FAQ 19: How do I customize the display of Tooltip?](#how-do-i-customize-the-display-of-tooltip)  
+[FAQ 20: How do I get the Y-axis to display multiple decimal places?](#how-do-i-get-the-y-axis-to-display-multiple-decimal-places)  
+[FAQ 21: How do I dynamically update data with code?](#how-do-i-dynamically-update-data-with-code)  
+[FAQ 22: How to display legend? Why are legends sometimes not displayed?](#how-to-display-legend-why-are-legends-sometimes-not-displayed)  
+[FAQ 23: How to make chart as prefab?](#how-to-make-chart-as-prefab)  
+[FAQ 24: How do I draw custom graphic in chart,such as line or dot?](#how-do-i-draw-custom-content-in-chart-such-as-line-or-dot)  
+[FAQ 25: How to achieve similar data movement effect of ELECTRO cardiogram?](#how-to-achieve-similar-data-movement-effect-of-electro-cardiogram)  
+[FAQ 26: How do I use the background component? What are the conditions?](#how-do-i-use-the-background-component-what-are-the-conditions)  
+[FAQ 27: Mesh can not have more than 65000 vertices?](#mesh-cannot-have-more-than-65000-vertices)  
+[FAQ 28: Why are the parameters set in Serie reset after they run?](#why-are-the-parameters-set-in-serie-reset-after-they-run)  
+[FAQ 29: How to change the color of serie symbol?](#how-to-change-the-color-of-serie-symbol)  
+[FAQ 30: How to deal with TMP errors when importing or updating XCharts?](#what-if-tmp-errors-occur-when-importing-or-updating-xcharts)  
+[FAQ 31: Support empty data? How to achieve the effect of line chart disconnection?](#support-empty-data-how-to-achieve-the-effect-of-line-chart-disconnection)  
+[FAQ 32: 2.x What are the common problems when upgrading version 3.x?](#what-are-the-common-problems-when-upgrading-xcharts2-to-xcharts3)  
 
-## How-to-adjust-the-margin-between-the-axis-and-the=-background
+## how-to-adjust-the-margin-between-the-axis-and-the-background
 
-A: `Grid` conponent，which can adjust the left, right, up, down margins of chart.
+`Grid` conponent，which can adjust the left, right, up, down margins of chart.
 
-## How-to-play-agian-the-fadeIn-animation
+## how-to-play-agian-the-fadein-animation
 
-A: call the `chart.AnimationReset()` API.
+call the `chart.AnimationReset()` API.
 
-## How-to-customize-the-color-of-data-item-in-line chart-and-pie-chart
+## how-to-customize-the-color-of-data-item-in-line chart-and-pie-chart
 
-A: `Theme`->`colorPalette`, or the sub component `LineStyle` and `ItemStyle` of `Serie`.
+`Theme`->`colorPalette`, or the sub component `LineStyle` and `ItemStyle` of `Serie`.
 
-## How-to-formatter-the-text-of-axis-label-such-as-add-a-units-text
+## how-to-formatter-the-text-of-axis-label-such-as-add-a-units-text
 
-A: Adjust `formatter` and `numericFormatter` parameter of `Legend`, `AxisLabel`, `Tooltop`, `SerieLabel`.
+Adjust `formatter` and `numericFormatter` parameter of `Legend`, `AxisLabel`, `Tooltop`, `SerieLabel`.
 
-## How-to-stack-the-bar-of-bar-chart
+## how-to-stack-the-bar-of-bar-chart
 
-A: Set the `stack` parameter of `Serie`, the series will stack in a bar with the same `stack`.
+Set the `stack` parameter of `Serie`, the series will stack in a bar with the same `stack`.
 
-## How-to-make-the-bar-serie-in-the-same-bar-but-not-stack
+## how-to-make-the-bar-serie-in-the-same-bar-but-not-stack
 
-A: Set the `barGap` of `Serie` to `-1`，`stack` to null.
+Set the `barGap` of `Serie` to `-1`，`stack` to null.
 
-## How-to-adjust-the-bar-width-and-gap-of-barchart
+## how-to-adjust-the-bar-width-and-gap-of-barchart
 
-A: Adjust the `barWidth` and `barGap` parameter of `Serie`, the last `serie`'s `barWidth` and `barGap` are valid when multiple `serie`.
+Adjust the `barWidth` and `barGap` parameter of `Serie`, the last `serie`'s `barWidth` and `barGap` are valid when multiple `serie`.
 
-## How-to-adjust-the-color-of-bar
+## how-to-adjust-the-color-of-bar
 
-A: Adjust the `ItemStyle` of `Data` in `inspector`.
+Adjust the `ItemStyle` of `Data` in `inspector`.
 
-## Can-I-adjust-the-anchor-of-chart
+## can-i-adjust-the-anchor-of-chart
 
-A: Yes, you can set any one of 16 anchors but the value use default.
+Yes, you can set any one of 16 anchors but the value use default.
 
-## Can-display-more-than-1000-data
+## can-display-more-than-1000-data
 
-A: Yes. But `UGUI` limits `65000` vertices to a single `Graphic`, so too much data may not be displayed completely. The sampling simplification curve can be turned on by setting the sampling distance `sampleDist`. You can also set some parameters to reduce the number of vertices in the chart to help show more data. Such as reducing the size of the chart, close or reduce the axis of the client drawing, close `Symbol` and `Label` display. A `Normal` line chart occupies fewer vertices than a `Smooth` line chart. The `1.5.0` and above versions can set `large` and `largeThreshold` parameters to enable performance mode.
+Yes. But `UGUI` limits `65000` vertices to a single `Graphic`, so too much data may not be displayed completely. The sampling simplification curve can be turned on by setting the sampling distance `sampleDist`. You can also set some parameters to reduce the number of vertices in the chart to help show more data. Such as reducing the size of the chart, close or reduce the axis of the client drawing, close `Symbol` and `Label` display. A `Normal` line chart occupies fewer vertices than a `Smooth` line chart. The `1.5.0` and above versions can set `large` and `largeThreshold` parameters to enable performance mode.
 
-## Can-line-chart-drawing-be-dash-dot-and-dash-dot
+## can-line-chart-drawing-be-dash-dot-and-dash-dot
 
-A: Yes. Adjust the `lineType` of `Serie`.
+Yes. Adjust the `lineType` of `Serie`.
 
-## How-to-limit-the-value-range-of-the-Y-axis
+## how-to-limit-the-value-range-of-the-y-axis
 
-A: Select the `minMaxType` of `Axis` as `Custom`, then set `min` and `max` to the values you want.
+Select the `minMaxType` of `Axis` as `Custom`, then set `min` and `max` to the values you want.
 
-## How-to-customize-the-tick-value-range-of-value-axis
+## how-to-customize-the-tick-value-range-of-value-axis
 
-A: By default, it is automatically split by the `splitNumber` of `Axis`. Also, you can customize the `interval` to the range you want.
+By default, it is automatically split by the `splitNumber` of `Axis`. Also, you can customize the `interval` to the range you want.
 
-## How-to-display-text-at-the-top-of-data-items
+## how-to-display-text-at-the-top-of-data-items
 
-A: Adjust the `Label` of `Serie`.
+Adjust the `Label` of `Serie`.
 
-## How-do-I-customize-icons-for-data-items
+## how-do-i-customize-icons-for-data-items
 
-A: Set the `Icon` of `Data` in `Serie`.
+Set the `Icon` of `Data` in `Serie`.
 
-## How-to-anti-aliasing-and-make-the-chart-smoother
+## how-to-anti-aliasing-and-make-the-chart-smoother
 
-A: Open the `Anti-Aliasing` setting in `Unity`. Selected the UI Canvas `Render Mode` as `Screen Space-Camera`, selected `MSAA`, set `4` times or higher anti-aliasing. The sawtooth can only be reduced and unavoidable. The higher the pixel, the less obvious the sawtooth is.
+Open the `Anti-Aliasing` setting in `Unity`. Selected the UI Canvas `Render Mode` as `Screen Space-Camera`, selected `MSAA`, set `4` times or higher anti-aliasing. The sawtooth can only be reduced and unavoidable. The higher the pixel, the less obvious the sawtooth is.
 
-## Why-does-mouse-over-chart-Tooltip-not-show
+## why-does-mouse-over-chart-tooltip-not-show
 
-A: Verify `Toolip` is opened. Verify that the parent node of chart has turned off mouse events.
+Verify `Toolip` is opened. Verify that the parent node of chart has turned off mouse events.
 
-## How-not-to-display-the-bar-line-of-Tooltip
+## how-not-to-display-the-bar-line-of-tooltip
 
-A: Set the `type` of `Tooltup` as `None`. Or adjust the parameters of `lineStyle`.
+Set the `type` of `Tooltup` as `None`. Or adjust the parameters of `lineStyle`.
 
-## How-do-I-customize-the-display-of-Tooltip
+## how-do-i-customize-the-display-of-tooltip
 
-A: See the `formatter`, `itemFormatter`, `titleFormatter` parameters of `Tooltip`.
+See the `formatter`, `itemFormatter`, `titleFormatter` parameters of `Tooltip`.
 
-## How-do-I-get-the-Y-axis-to-display-multiple-decimal-places
+## how-do-i-get-the-y-axis-to-display-multiple-decimal-places
 
-A: Set the `numericFormatter` parameter of `AxisLabel`.
+Set the `numericFormatter` parameter of `AxisLabel`.
 
-## How-do-I-dynamically-update-data-with-code
+## how-do-i-dynamically-update-data-with-code
 
-A: See example: `Example01_UpdateData.cs`
+See example: `Example01_UpdateData.cs`
 
-## How-to-display-legend?Why-are-legends-sometimes-not-displayed
+## how-to-display-legend-why-are-legends-sometimes-not-displayed
 
-A: First, the `name` in `Serie` must have a value that is not null. Then set `Legend` is `show`, where `data` can be empty by default, indicating that all legends are displayed. If you only want to display part of the `Serie` legend, fill in `data` with the `name` of the legend you want to display. If none of the values in `data` are `name` of the series, the legend will not be displayed.
+First, the `name` in `Serie` must have a value that is not null. Then set `Legend` is `show`, where `data` can be empty by default, indicating that all legends are displayed. If you only want to display part of the `Serie` legend, fill in `data` with the `name` of the legend you want to display. If none of the values in `data` are `name` of the series, the legend will not be displayed.
 
-## How-to-make-chart-as-prefab
+## how-to-make-chart-as-prefab
 
-A: Before make prefab, please delete all sub gameObject under chart which auto-created by `XCharts`.
+Before make prefab, please delete all sub gameObject under chart which auto-created by `XCharts`.
 
-## How-do-I-draw-custom-content-in-chart-such-as-line-or-dot
+## how-do-i-draw-custom-content-in-chart-such-as-line-or-dot
 
-A: Implement `onCustomDraw` of chart, see `Example12_CustomDrawing.cs`.
+Implement `onCustomDraw` of chart, see `Example12_CustomDrawing.cs`.
 
-## How-to-achieve-similar-data-movement-effect-of-ELECTRO-cardiogram
+## how-to-achieve-similar-data-movement-effect-of-electro-cardiogram
 
-A: See `Example_Dynamic.cs`.
+See `Example_Dynamic.cs`.
 
-## How-do-I-use-the-background-component-What-are-the-conditions
+## how-do-i-use-the-background-component-what-are-the-conditions
 
-A: Setting `show` to `true` for the `background` component.
+Setting `show` to `true` for the `background` component.
 
-## Mesh-cannot-have-more-than-65000-vertices
+## mesh-cannot-have-more-than-65000-vertices
 
-A: This is the limit of `UGUI` on the number of vertices for a single `Graphic`. `XCharts` is draw chart on a single `Graphic`, so there is also this limitation. The solution can be referred to: [QA 10: Can display more than 1000 data](#Can-display-more-than-1000-data)  
+This is the limit of `UGUI` on the number of vertices for a single `Graphic`. `XCharts` is draw chart on a single `Graphic`, so there is also this limitation. The solution can be referred to: [FAQ 10: Can display more than 1000 data](#can-display-more-than-1000-data)  
 
-## Why-are-the-parameters-set-in-Serie-reset-after-they-run
+## why-are-the-parameters-set-in-serie-reset-after-they-run
 
-A: Check whether `RemoveData()` and add new `Serie` in the code. If you want to keep the configuration of `Serie`, you can only `ClearData()` which just clear data and then readd the data to the old serie.
+Check whether `RemoveData()` and add new `Serie` in the code. If you want to keep the configuration of `Serie`, you can only `ClearData()` which just clear data and then readd the data to the old serie.
+
+## how-to-change-the-color-of-serie-symbol
+
+The color of 'Symbol' is the color of 'ItemStyle' used.
+
+## what-if-tmp-errors-occur-when-importing-or-updating-xcharts
+
+XCharts does not enable TMP by default, so there are no references to TMP on asmdef. This issue may occur when updating XCharts after TMP is enabled locally. It can be solved in the following two ways:
+
+1. Find `XCharts.Runtime.asmdef` and `XCharts.Editor.asmdef` and manually add references to `TextMeshPro`
+2. Remove the `dUI_TextMeshPro` macro for Scripting Define Symbols in PlayerSetting
+
+Version ` 3.8.0 ` after adding Daemon [XCharts - Daemon](https://github.com/XCharts-Team/XCharts-Daemon), will be XCharts - Daemon import project, When updating XCharts, the daemon automatically refreshes the asmdef based on the locally enabled TMP to ensure proper compilation.
+
+## support-empty-data-how-to-achieve-the-effect-of-line-chart-disconnection
+
+`data` of `Serie` is of type `double`, so it cannot represent empty data. Empty data can be achieved by turning on Serie's ignore and specifying ignoreValue. You can also set the ignore parameter for each SerieData. The ignoreLineBreak parameter can be set to disconnect or connect after ignoring data.
+
+## what-are-the-common-problems-when-upgrading-xcharts2-to-xcharts3
+
+1. `XCharts.Runtime.XChartsMgr` is missing the class attribute `ExtensionOfNativeClass`!
+3.x version does not need to mount XChartsMgr, directly delete the `_xcharts_` node on the scene.

Documentation~/zh/api.md

@@ -45,6 +45,7 @@ slug: /api
 - [BaseScatter](#basescatter)
 - [BaseSerie](#baseserie)
 - [BlurStyle](#blurstyle)
+- [BorderStyle](#borderstyle)
 - [CalendarCoord](#calendarcoord)
 - [Candlestick](#candlestick)
 - [CandlestickChart](#candlestickchart)
@@ -79,6 +80,9 @@ slug: /api
 - [EmphasisStyle](#emphasisstyle)
 - [EndLabelStyle](#endlabelstyle)
 - [FormatterHelper](#formatterhelper)
+- [Graph](#graph)
+- [GraphEdge](#graphedge)
+- [GraphNode](#graphnode)
 - [GridCoord](#gridcoord)
 - [GridCoordContext](#gridcoordcontext)
 - [GridLayout](#gridlayout)
@@ -119,6 +123,7 @@ slug: /api
 - [ListFor](#listfor)
 - [ListForComponent](#listforcomponent)
 - [ListForSerie](#listforserie)
+- [ListPool<T>](#listpoolt)
 - [Location](#location)
 - [MainComponent](#maincomponent)
 - [MainComponentContext](#maincomponentcontext)
@@ -169,6 +174,7 @@ slug: /api
 - [SerieDataComponentAttribute](#seriedatacomponentattribute)
 - [SerieDataContext](#seriedatacontext)
 - [SerieDataExtraFieldAttribute](#seriedataextrafieldattribute)
+- [SerieDataLink](#seriedatalink)
 - [SerieEventData](#serieeventdata)
 - [SerieEventDataPool](#serieeventdatapool)
 - [SerieHandler](#seriehandler)
@@ -195,7 +201,6 @@ slug: /api
 - [StateStyle](#statestyle)
 - [SubTitleTheme](#subtitletheme)
 - [SVG](#svg)
-- [SVGImage](#svgimage)
 - [SVGPath](#svgpath)
 - [SVGPathSeg](#svgpathseg)
 - [SymbolStyle](#symbolstyle)
@@ -426,6 +431,7 @@ slug: /api
 |ClearVerticesDirty()||public override void ClearVerticesDirty()|
 |Clone()||public Axis Clone()|
 |Copy()||public void Copy(Axis axis)|
+|GetAddedDataCount()||public int GetAddedDataCount()<br/>获得添加过的历史数据总数 |
 |GetData()||public string GetData(int index)<br/>获得指定索引的类目数据 |
 |GetData()||public string GetData(int index, DataZoom dataZoom)<br/>获得在dataZoom范围内指定索引的类目数据 |
 |GetDistance()||public float GetDistance(double value, float axisLength)<br/>获得值在坐标轴上的距离 |
@@ -492,7 +498,7 @@ slug: /api
 |GetAxisValueDistance()||public static float GetAxisValueDistance(GridCoord grid, Axis axis, float scaleWidth, double value)<br/>获得数值value在坐标轴上相对起点的距离 |
 |GetAxisValueLength()||public static float GetAxisValueLength(GridCoord grid, Axis axis, float scaleWidth, double value)<br/>获得数值value在坐标轴上对应的长度 |
 |GetAxisValuePosition()||public static float GetAxisValuePosition(GridCoord grid, Axis axis, float scaleWidth, double value)<br/>获得数值value在坐标轴上的坐标位置 |
-|GetAxisValueSplitIndex()||public static int GetAxisValueSplitIndex(Axis axis, double value, int totalSplitNumber = -1)<br/>获得数值value在坐标轴上对应的split索引 |
+|GetAxisValueSplitIndex()||public static int GetAxisValueSplitIndex(Axis axis, double value, bool checkMaxCache, int totalSplitNumber = -1)<br/>获得数值value在坐标轴上对应的split索引 |
 |GetAxisXOrY()||public static float GetAxisXOrY(GridCoord grid, Axis axis, Axis relativedAxis)|
 |GetDataWidth()||public static float GetDataWidth(Axis axis, float coordinateWidth, int dataCount, DataZoom dataZoom)<br/>获得一个类目数据在坐标系中代表的宽度 |
 |GetEachWidth()||public static float GetEachWidth(Axis axis, float coordinateWidth, DataZoom dataZoom = null)|
@@ -638,6 +644,21 @@ slug: /api
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+柱状图（或称条形图）是一种通过柱形的高度（横向的情况下则是宽度）来表现数据大小的一种常用图表类型。
+
+|API|版本|描述|
+|--|--|--|
+|DefaultBarChart()||public void DefaultBarChart()<br/>默认条形图。 |
+|DefaultCapsuleBarChart()||public void DefaultCapsuleBarChart()<br/>默认胶囊条形图。 |
+|DefaultCapsuleColumnChart()||public void DefaultCapsuleColumnChart()<br/>胶囊柱状图。 |
+|DefaultGroupedBarChart()||public void DefaultGroupedBarChart()<br/>默认分组条形图。 |
+|DefaultGroupedColumnChart()||public void DefaultGroupedColumnChart()<br/>默认分组柱状图。 |
+|DefaultPercentBarChart()||public void DefaultPercentBarChart()<br/>默认百分比条形图。 |
+|DefaultPercentColumnChart()||public void DefaultPercentColumnChart()<br/>默认百分比柱状图。 |
+|DefaultStackedBarChart()||public void DefaultStackedBarChart()<br/>默认堆叠条形图。 |
+|DefaultStackedColumnChart()||public void DefaultStackedColumnChart()<br/>默认堆叠分组柱状图。 |
+|DefaultZebraBarChart()||public void DefaultZebraBarChart()<br/>默认斑马条形图。 |
+|DefaultZebraColumnChart()||public void DefaultZebraColumnChart()<br/>斑马柱状图。 |
 
 ## BaseAxisTheme
 
@@ -689,6 +710,7 @@ slug: /api
 |AddData()||public SerieData AddData(string serieName, double xValue, double yValue, string dataName = null, string dataId = null)<br/>添加（x,y）数据到指定系列中。 |
 |AddData()||public SerieData AddData(string serieName, List&lt;double&gt; multidimensionalData, string dataName = null, string dataId = null)<br/>添加多维数据（x,y,z...）到指定的系列中。 |
 |AddData()||public SerieData AddData(string serieName, params double[] multidimensionalData)<br/>添加多维数据（x,y,z...）到指定的系列中。 |
+|AddLink()||public SerieDataLink AddLink(int serieIndex, string sourceName, string targetName, double value)<br/>添加一个关系图的关系数据。 |
 |AddSerie&lt;T&gt;()||public T AddSerie&lt;T&gt;(string serieName = null, bool show = true, bool addToHead = false) where T : Serie|
 |AddXAxisData()||public void AddXAxisData(string category, int xAxisIndex = 0)<br/>添加一个类目数据到指定的x轴。 |
 |AddXAxisIcon()||public void AddXAxisIcon(Sprite icon, int xAxisIndex = 0)<br/>添加一个图标到指定的x轴。 |
@@ -707,9 +729,10 @@ slug: /api
 |CanMultipleComponent()||public bool CanMultipleComponent(Type type)|
 |ClampInChart()||public void ClampInChart(ref Vector3 pos)|
 |ClampInGrid()||public Vector3 ClampInGrid(GridCoord grid, Vector3 pos)|
-|ClearComponentData()||public virtual void ClearComponentData()<br/>清空所有组件的数据。 |
+|ClearComponentData()|v3.4.0|public virtual void ClearComponentData()<br/>清空所有组件的数据。 |
 |ClearData()||public virtual void ClearData()<br/>清空所有组件和Serie的数据。注意：Serie只是清空数据，不会移除Serie。 |
-|ClearSerieData()||public virtual void ClearSerieData()<br/>清空所有serie的数据。 |
+|ClearSerieData()|v3.4.0|public virtual void ClearSerieData()<br/>清空所有serie的数据。 |
+|ClearSerieLinks()|v3.10.0|public virtual void ClearSerieLinks()<br/>清空所有serie的link数据。 |
 |ClickLegendButton()||public void ClickLegendButton(int legendIndex, string legendName, bool show)<br/>点击图例按钮 |
 |ConvertSerie()||public bool ConvertSerie(Serie serie, Type type)|
 |ConvertSerie&lt;T&gt;()||public bool ConvertSerie&lt;T&gt;(Serie serie) where T : Serie|
@@ -733,7 +756,7 @@ slug: /api
 |GetItemColor()||public Color32 GetItemColor(Serie serie, SerieData serieData, int colorIndex)|
 |GetLegendRealShowNameColor()||public Color32 GetLegendRealShowNameColor(string name)|
 |GetLegendRealShowNameIndex()||public int GetLegendRealShowNameIndex(string name)|
-|GetMarkColor()||public Color32 GetMarkColor(Serie serie, SerieData serieData)<br/>获得Serie的标识颜色。 |
+|GetMarkColor()|v3.4.0|public Color32 GetMarkColor(Serie serie, SerieData serieData)<br/>获得Serie的标识颜色。 |
 |GetOrAddChartComponent&lt;T&gt;()||public T GetOrAddChartComponent&lt;T&gt;() where T : MainComponent|
 |GetPainter()||public Painter GetPainter(int index)|
 |GetSerie()||public Serie GetSerie(int serieIndex)|
@@ -809,6 +832,7 @@ slug: /api
 |RemoveSerie()||public void RemoveSerie(string serieName)|
 |RemoveSerie&lt;T&gt;()||public void RemoveSerie&lt;T&gt;() where T : Serie|
 |ReplaceSerie()||public bool ReplaceSerie(Serie oldSerie, Serie newSerie)|
+|ResetChartStatus()|v3.10.0|public void ResetChartStatus()<br/>重置图表状态。当设置某些参数后，由于动画影响，可能导致图表状态不正确，此时可以调用该接口重置图表状态。 |
 |ResetDataIndex()||public bool ResetDataIndex(int serieIndex)<br/>重置serie的数据项索引。避免数据项索引异常。 |
 |SetBasePainterMaterial()||public void SetBasePainterMaterial(Material material)<br/>设置Base Painter的材质球 |
 |SetMaxCache()||public void SetMaxCache(int maxCache)<br/>设置可缓存的最大数据量。当数据量超过该值时，会自动删除第一个值再加入最新值。 |
@@ -930,6 +954,20 @@ slug: /api
 
 淡出状态样式。
 
+## BorderStyle
+
+> class in XCharts.Runtime / 继承自: [ChildComponent](#childcomponent)
+
+> 从 `v3.10.0` 开始支持
+
+边框样式。
+
+|API|版本|描述|
+|--|--|--|
+|GetRuntimeBorderColor()||public Color32 GetRuntimeBorderColor()|
+|GetRuntimeBorderWidth()||public float GetRuntimeBorderWidth()|
+|GetRuntimeCornerRadius()||public float[] GetRuntimeCornerRadius()|
+
 ## CalendarCoord
 
 > class in XCharts.Runtime / 继承自: [CoordSystem](#coordsystem),[IUpdateRuntimeData](#iupdateruntimedata),[ISerieContainer](#iseriecontainer)
@@ -953,6 +991,7 @@ slug: /api
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+蜡烛图，也叫K线图，用于描述证券、衍生品或货币的价格走势的一种金融图表样式。
 
 ## ChartCached
 
@@ -1046,6 +1085,7 @@ slug: /api
 |SetActive()||public static void SetActive(Image image, bool active)|
 |SetActive()||public static void SetActive(Text text, bool active)|
 |SetActive()||public static void SetActive(Transform transform, bool active)<br/>通过设置scale实现是否显示，优化性能，减少GC |
+|SetBackground()||public static void SetBackground(Image background, Background imageStyle)|
 |SetBackground()||public static void SetBackground(Image background, ImageStyle imageStyle)|
 |SetColorOpacity()||public static void SetColorOpacity(ref Color32 color, float opacity)|
 
@@ -1097,6 +1137,7 @@ slug: /api
 |--|--|--|
 |ChartText()||public ChartText()|
 |ChartText()||public ChartText(GameObject textParent)|
+|GetColor()||public Color GetColor()|
 |GetPreferredHeight()||public float GetPreferredHeight()|
 |GetPreferredText()||public string GetPreferredText(string content, string suffix, float maxWidth)|
 |GetPreferredWidth()||public float GetPreferredWidth()|
@@ -1129,7 +1170,7 @@ slug: /api
 
 ## ChildComponent
 
-> class in XCharts.Runtime / 子类: [AnimationStyle](#animationstyle),[AxisAnimation](#axisanimation),[AxisName](#axisname),[AxisSplitArea](#axissplitarea),[AreaStyle](#areastyle),[ArrowStyle](#arrowstyle),[BaseLine](#baseline),[IconStyle](#iconstyle),[ImageStyle](#imagestyle),[ItemStyle](#itemstyle),[Level](#level),[LevelStyle](#levelstyle),[LineArrow](#linearrow),[LineStyle](#linestyle),[Location](#location),[MLValue](#mlvalue),[MarqueeStyle](#marqueestyle),[Padding](#padding),[StageColor](#stagecolor),[SymbolStyle](#symbolstyle),[TextLimit](#textlimit),[TextStyle](#textstyle),[CommentItem](#commentitem),[CommentMarkStyle](#commentmarkstyle),[LabelLine](#labelline),[LabelStyle](#labelstyle),[MarkAreaData](#markareadata),[MarkLineData](#marklinedata),[StateStyle](#statestyle),[VisualMapRange](#visualmaprange),[UIComponentTheme](#uicomponenttheme),[SerieData](#seriedata),[ComponentTheme](#componenttheme),[SerieTheme](#serietheme),[ThemeStyle](#themestyle) 
+> class in XCharts.Runtime / 子类: [AnimationStyle](#animationstyle),[AxisAnimation](#axisanimation),[AxisName](#axisname),[AxisSplitArea](#axissplitarea),[AreaStyle](#areastyle),[ArrowStyle](#arrowstyle),[BaseLine](#baseline),[BorderStyle](#borderstyle),[IconStyle](#iconstyle),[ImageStyle](#imagestyle),[ItemStyle](#itemstyle),[Level](#level),[LevelStyle](#levelstyle),[LineArrow](#linearrow),[LineStyle](#linestyle),[Location](#location),[MLValue](#mlvalue),[MarqueeStyle](#marqueestyle),[Padding](#padding),[StageColor](#stagecolor),[SymbolStyle](#symbolstyle),[TextLimit](#textlimit),[TextStyle](#textstyle),[CommentItem](#commentitem),[CommentMarkStyle](#commentmarkstyle),[LabelLine](#labelline),[LabelStyle](#labelstyle),[MarkAreaData](#markareadata),[MarkLineData](#marklinedata),[StateStyle](#statestyle),[VisualMapRange](#visualmaprange),[UIComponentTheme](#uicomponenttheme),[SerieData](#seriedata),[SerieDataLink](#seriedatalink),[ComponentTheme](#componenttheme),[SerieTheme](#serietheme),[ThemeStyle](#themestyle) 
 
 
 |API|版本|描述|
@@ -1185,8 +1226,8 @@ slug: /api
 
 |API|版本|描述|
 |--|--|--|
-|ComponentHandlerAttribute()||public ComponentHandlerAttribute(Type handler)|
-|ComponentHandlerAttribute()||public ComponentHandlerAttribute(Type handler, bool allowMultiple)|
+|ComponentHandlerAttribute()||public ComponentHandlerAttribute(Type handler, bool allowMultiple, int order = 3)|
+|ComponentHandlerAttribute()||public ComponentHandlerAttribute(Type handler, int order = 3)|
 
 ## ComponentHelper
 
@@ -1369,6 +1410,53 @@ DataZoom 组件 用于区域缩放，从而能自由关注细节的数据信息
 |TrimAndReplaceLine()||public static string TrimAndReplaceLine(string content)|
 |TrimAndReplaceLine()||public static string TrimAndReplaceLine(StringBuilder sb)|
 
+## Graph
+
+> class in XCharts.Runtime
+
+数据结构-图。
+
+|API|版本|描述|
+|--|--|--|
+|AddEdge()||public GraphEdge AddEdge(string nodeId1, string nodeId2, double value)|
+|AddNode()||public GraphNode AddNode(string nodeId, string nodeName, int dataIndex)|
+|BreadthFirstTraverse()||public void BreadthFirstTraverse(GraphNode startNode, System.Action&lt;GraphNode&gt; onTraverse)|
+|Clear()||public void Clear()|
+|DeepFirstTraverse()||public void DeepFirstTraverse(GraphNode startNode, System.Action&lt;GraphNode&gt; onTraverse)|
+|EachNode()||public void EachNode(System.Action&lt;GraphNode&gt; onEach)|
+|GetDepthNodes()||public List&lt;List&lt;GraphNode&gt;&gt; GetDepthNodes()|
+|GetEdge()||public GraphEdge GetEdge(string nodeId1, string nodeId2)|
+|GetMaxDepth()||public int GetMaxDepth()|
+|GetNode()||public GraphNode GetNode(string nodeId)|
+|GetNodeDepth()||// public int GetNodeDepth(GraphNode node)|
+|GetNodeDepth()||// public void GetNodeDepth(GraphNode node, ref int depth, int recursiveCount = 0)|
+|GetNodeDepth()||public int GetNodeDepth(GraphNode node, int recursiveCount = 0)|
+|GetNodesTotalValue()||public static double GetNodesTotalValue(List&lt;GraphNode&gt; nodes)|
+|GetRootNodes()||public List&lt;GraphNode&gt; GetRootNodes()|
+|Graph()||public Graph(bool directed)|
+|Refresh()||public void Refresh()|
+
+## GraphEdge
+
+> class in XCharts.Runtime
+
+图的边。
+
+|API|版本|描述|
+|--|--|--|
+|GraphEdge()||public GraphEdge(GraphNode node1, GraphNode node2, double value)|
+
+## GraphNode
+
+> class in XCharts.Runtime
+
+图的节点。
+
+|API|版本|描述|
+|--|--|--|
+|GraphNode()||public GraphNode(string id, string name, int dataIndex)|
+|ToString()||public override string ToString()|
+
 ## GridCoord
 
 > class in XCharts.Runtime / 继承自: [CoordSystem](#coordsystem),[IUpdateRuntimeData](#iupdateruntimedata),[ISerieContainer](#iseriecontainer)
@@ -1388,6 +1476,7 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 |ContainsX()|v3.7.0|public bool ContainsX(float x)<br/>给定的x是否在网格内。 |
 |ContainsY()|v3.7.0|public bool ContainsY(float y)<br/>给定的y是否在网格内。 |
 |IsPointerEnter()||public bool IsPointerEnter()<br/>指针是否在网格内。 |
+|NotAnyIntersect()|v3.10.0|public bool NotAnyIntersect(Vector3 sp, Vector3 ep)<br/>判断给定的线段是否与Grid边界是否完全不会相交。 |
 |UpdateRuntimeData()||public void UpdateRuntimeData(BaseChart chart)|
 
 ## GridCoordContext
@@ -1425,6 +1514,11 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+热力图主要通过颜色去表现数值的大小，必须要配合 visualMap 组件使用。 可以应用在直角坐标系以及地理坐标系上，这两个坐标系上的表现形式相差很大，直角坐标系上必须要使用两个类目轴。
+
+|API|版本|描述|
+|--|--|--|
+|DefaultCountHeatmapChart()||public void DefaultCountHeatmapChart()<br/>默认计数热力图。 |
 
 ## IconStyle
 
@@ -1567,7 +1661,6 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 |GetToColor()||public Color32 GetToColor()|
 |IsNeedCorner()||public bool IsNeedCorner()|
 |IsNeedGradient()||public bool IsNeedGradient()|
-|NeedShowBorder()||public bool NeedShowBorder()<br/>是否需要显示边框。 |
 |Reset()||public void Reset()|
 
 ## IUpdateRuntimeData
@@ -1735,6 +1828,8 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 
 > class in XCharts.Runtime / 继承自: [ChildComponent](#childcomponent)
 
+> 从 `v3.10.0` 开始支持
+
 
 ## Line
 
@@ -1755,6 +1850,19 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+折线图是用折线将各个数据点标志连接起来的图表，用于展现数据的变化趋势。可用于直角坐标系和极坐标系上。 设置 areaStyle 后可以绘制面积图。
+
+|API|版本|描述|
+|--|--|--|
+|DefaultAreaLineChart()||public void DefaultAreaLineChart()<br/>默认面积折线图。 |
+|DefaultDashLineChart()||public void DefaultDashLineChart()<br/>默认虚线折线图。 |
+|DefaultLogLineChart()||public void DefaultLogLineChart()<br/>默认对数轴折线图。 |
+|DefaultSmoothAreaLineChart()||public void DefaultSmoothAreaLineChart()<br/>默认平滑面积折线图。 |
+|DefaultSmoothLineChart()||public void DefaultSmoothLineChart()<br/>默认平滑折线图。 |
+|DefaultStackAreaLineChart()||public void DefaultStackAreaLineChart()<br/>默认堆叠面积折线图。 |
+|DefaultStackLineChart()||public void DefaultStackLineChart()<br/>默认堆叠折线图。 |
+|DefaultStepLineChart()||public void DefaultStepLineChart()<br/>默认阶梯折线图。 |
+|DefaultTimeLineChart()||public void DefaultTimeLineChart()<br/>默认时间折线图。 |
 
 ## LineStyle
 
@@ -1806,6 +1914,17 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 |--|--|--|
 |ListForSerie()||public ListForSerie(Type type) : base(type)|
 
+## ListPool&lt;T&gt;
+
+> class in XCharts.Runtime
+
+
+|API|版本|描述|
+|--|--|--|
+|ClearAll()||public static void ClearAll()|
+|Get()||public static List&lt;T&gt; Get()|
+|Release()||public static void Release(List&lt;T&gt; toRelease)|
+
 ## Location
 
 > class in XCharts.Runtime / 继承自: [ChildComponent](#childcomponent),[IPropertyChanged](#ipropertychanged)
@@ -2018,6 +2137,7 @@ Marquee style. It can be used for the DataZoom component. 选取框样式。可
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+平行坐标系，通过绘制垂直于坐标轴的平行线来显示数据的一种可视化图表。
 
 ## ParallelCoord
 
@@ -2051,6 +2171,15 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+饼图主要用于显示不同类目占比的情况，通过弧长来反映数据的大小占比。
+
+|API|版本|描述|
+|--|--|--|
+|DefaultAreaRosePieChart()||public void DefaultAreaRosePieChart()<br/>默认面积玫瑰饼图。 |
+|DefaultDonutPieChart()||public void DefaultDonutPieChart()<br/>默认甜甜圈饼图。 |
+|DefaultLabelDonutPieChart()||public void DefaultLabelDonutPieChart()<br/>默认带标签甜甜圈饼图。 |
+|DefaultLabelPieChart()||public void DefaultLabelPieChart()<br/>默认带标签饼图。 |
+|DefaultRadiusRosePieChart()||public void DefaultRadiusRosePieChart()<br/>默认玫瑰饼图。 |
 
 ## PolarAxisTheme
 
@@ -2065,6 +2194,13 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+极坐标系，可以用于散点图和折线图。
+
+|API|版本|描述|
+|--|--|--|
+|DefaultHeatmapPolarChart()||public void DefaultHeatmapPolarChart()<br/>默认极坐标色块图。 |
+|DefaultRadialBarPolarChart()||public void DefaultRadialBarPolarChart()<br/>默认径向柱状极坐标图。 |
+|DefaultTangentialBarPolarChart()||public void DefaultTangentialBarPolarChart()<br/>默认切向柱状极坐标图。 |
 
 ## PolarCoord
 
@@ -2116,6 +2252,11 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+雷达图主要用于显示多变量的数据，例如足球运动员的各项属性分析。依赖雷达组件。
+
+|API|版本|描述|
+|--|--|--|
+|DefaultCircleRadarChart()||public void DefaultCircleRadarChart()<br/>默认圆形雷达图。 |
 
 ## RadarCoord
 
@@ -2186,6 +2327,11 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+环形图主要用于显示每一项的比例以及各项之间的关系。
+
+|API|版本|描述|
+|--|--|--|
+|DefaultMultipleRingChart()||public void DefaultMultipleRingChart()<br/>默认多圆环图。 |
 
 ## RuntimeUtil
 
@@ -2214,6 +2360,11 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+散点图主要用于展现两个数据维度之间的关系。
+
+|API|版本|描述|
+|--|--|--|
+|DefaultBubbleChart()||public void DefaultBubbleChart()<br/>默认气泡图。 |
 
 ## SelectStyle
 
@@ -2242,6 +2393,7 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 |AddData()||public SerieData AddData(List&lt;double&gt; valueList, string dataName = null, string dataId = null)<br/>将一组数据添加到系列中。 如果数据只有一个，默认添加到维度Y中。 |
 |AddData()||public SerieData AddData(params double[] values)<br/>添加任意维数据到系列中。 |
 |AddExtraComponent&lt;T&gt;()||public T AddExtraComponent&lt;T&gt;() where T : ChildComponent, ISerieComponent|
+|AddLink()||public SerieDataLink AddLink(string sourceName, string targetName, double value)<br/>添加一个关系图的关系数据。 |
 |AddSerieData()||public void AddSerieData(SerieData serieData)|
 |AddXYData()||public SerieData AddXYData(double xValue, double yValue, string dataName = null, string dataId = null)<br/>添加（x，y）数据到维度X和维度Y |
 |AddYData()||public SerieData AddYData(double value, string dataName = null, string dataId = null)<br/>添加一个数据到维度Y（此时维度X对应的数据是索引） |
@@ -2258,6 +2410,7 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 |ClearData()||public override void ClearData()<br/>清空所有数据 |
 |ClearDirty()||public override void ClearDirty()|
 |ClearHighlight()||public void ClearHighlight()<br/>清除所有数据的高亮标志 |
+|ClearLinks()||public void ClearLinks()<br/>清空所有Link数据 |
 |ClearSerieNameDirty()||public void ClearSerieNameDirty()|
 |ClearVerticesDirty()||public override void ClearVerticesDirty()|
 |Clone()||public Serie Clone()|
@@ -2265,7 +2418,7 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 |CompareTo()||public int CompareTo(object obj)|
 |EnsureComponent()||public ISerieComponent EnsureComponent(Type type)|
 |EnsureComponent&lt;T&gt;()||public T EnsureComponent&lt;T&gt;() where T : ChildComponent, ISerieComponent<br/>确保系列有该组件。如果没有，则添加。 |
-|GetBarWidth()||public float GetBarWidth(float categoryWidth, int barCount = 0)|
+|GetBarWidth()||public float GetBarWidth(float categoryWidth, int barCount = 0, float defaultRate = 0.6f)|
 |GetComponent()||public ISerieComponent GetComponent(Type type)|
 |GetComponent&lt;T&gt;()||public T GetComponent&lt;T&gt;() where T : ChildComponent, ISerieComponent|
 |GetData()||public double GetData(int index, int dimension, DataZoom dataZoom = null)<br/>获得指定index指定维数的数据 |
@@ -2284,6 +2437,9 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 |IsIgnoreValue()||public bool IsIgnoreValue(SerieData serieData, double value)|
 |IsIgnoreValue()||public bool IsIgnoreValue(SerieData serieData, int dimension = 1)|
 |IsLegendName()||public bool IsLegendName(string legendName)|
+|IsMinShowLabelValue()||public bool IsMinShowLabelValue(double value)|
+|IsMinShowLabelValue()||public bool IsMinShowLabelValue(int index, int dimension = 1)|
+|IsMinShowLabelValue()||public bool IsMinShowLabelValue(SerieData serieData, int dimension = 1)|
 |IsPerformanceMode()||public bool IsPerformanceMode()<br/>是否为性能模式。性能模式下不绘制Symbol，不刷新Label，不单独设置数据项配置。 |
 |IsSerie&lt;T&gt;()||public bool IsSerie&lt;T&gt;() where T : Serie|
 |IsSerieDataLegendName()||public bool IsSerieDataLegendName(string legendName)|
@@ -2435,6 +2591,14 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 |SerieDataExtraFieldAttribute()||public SerieDataExtraFieldAttribute(string field1, string field2, string field3, string field4, string field5, string field6)|
 |SerieDataExtraFieldAttribute()||public SerieDataExtraFieldAttribute(string field1, string field2, string field3, string field4, string field5, string field6, string field7)|
 
+## SerieDataLink
+
+> class in XCharts.Runtime / 继承自: [ChildComponent](#childcomponent)
+
+> 从 `v3.10.0` 开始支持
+
+数据节点之间的连线。可用于桑基图等，桑基图只支持有向无环图，请保证数据的连线是有向无环图。
+
 ## SerieEventData
 
 > class in XCharts.Runtime
@@ -2472,6 +2636,7 @@ serie事件的数据。
 |ForceUpdateSerieContext()||public virtual void ForceUpdateSerieContext() { }|
 |InitComponent()||public virtual void InitComponent() { }|
 |OnBeginDrag()||public virtual void OnBeginDrag(PointerEventData eventData) { }|
+|OnDataUpdate()||public virtual void OnDataUpdate() { }|
 |OnDrag()||public virtual void OnDrag(PointerEventData eventData) { }|
 |OnEndDrag()||public virtual void OnEndDrag(PointerEventData eventData) { }|
 |OnLegendButtonClick()||public virtual void OnLegendButtonClick(int index, string legendName, bool show) { }|
@@ -2674,6 +2839,7 @@ serie事件的数据。
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+简化柱状图是柱状图的简化模式，通过简化组件和配置，拥有更好的性能。
 
 ## SimplifiedCandlestick
 
@@ -2689,6 +2855,7 @@ serie事件的数据。
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+简化K线图是K线图的简化模式，通过简化组件和配置，拥有更好的性能。
 
 ## SimplifiedLine
 
@@ -2704,6 +2871,7 @@ serie事件的数据。
 
 > class in XCharts.Runtime / 继承自: [BaseChart](#basechart)
 
+简化折线图是折线图的简化模式，通过简化组件和配置，拥有更好的性能。
 
 ## Since
 
@@ -2773,11 +2941,6 @@ Serie的状态样式。Serie的状态有正常，高亮，淡出，选中四种
 |DrawPath()||public static void DrawPath(VertexHelper vh, SVGPath path)|
 |Test()||public static void Test(VertexHelper vh)|
 
-## SVGImage
-
-> class in XCharts.Runtime / 继承自: [MaskableGraphic](https://docs.unity3d.com/ScriptReference/30_search.html?q=maskablegraphic)
-
-
 ## SVGPath
 
 > class in XUGL
@@ -3079,16 +3242,16 @@ UI组件基类。
 > class in XCharts.Runtime / 继承自: [ChildComponent](#childcomponent)
 
 
+|API|版本|描述|
+|--|--|--|
+|GetBackgroundColor()||public Color32 GetBackgroundColor(Background background)|
+
 ## UIHelper
 
 > class in XCharts.Runtime
 
 UI帮助类。
 
-|API|版本|描述|
-|--|--|--|
-|GetBackgroundColor()||public static Color32 GetBackgroundColor(UIComponent component)|
-
 ## VisualMap
 
 > class in XCharts.Runtime / 继承自: [MainComponent](#maincomponent)

Documentation~/zh/changelog.md

@@ -6,6 +6,9 @@ slug: /changelog
 # 更新日志
 
 [master](#master)  
+[v3.10.2](#v3102)  
+[v3.10.1](#v3101)  
+[v3.10.0](#v3100)  
 [v3.9.0](#v390)  
 [v3.8.1](#v381)  
 [v3.8.0](#v380)  
@@ -70,6 +73,58 @@ slug: /changelog
 
 ## master
 
+## v3.10.2
+
+* (2024.03.11) 发布`v3.10.2`版本
+* (2024.03.11) 修复`Legend`的`formatter`在设置`{d}`通配符时显示可能不匹配的问题 (#304)
+* (2024.03.11) 修复`Tooltip`移出坐标系后还显示的问题
+* (2024.03.08) 修复`Tooltip`的`title`从旧版本升级后可能不显示的问题
+
+## v3.10.1
+
+* (2024.02.21) 发布`v3.10.1`版本
+* (2024.02.19) 修复`Tooltip`的圆点标记不会自适应颜色的问题
+
+## v3.10.0
+
+版本要点：
+
+* 增加双类目轴支持
+* 增加更多细分快捷菜单创建图表，可一键创建几十种图表
+* 增加图表边框设置，支持圆角图表
+* 修复若干问题
+
+扩展功能：
+
+* 增加`SankeyChart`桑基图
+* 增加`UITable`的边框设置
+
+日志详情：
+
+* (2024.02.01) 发布`v3.10.0`版本
+* (2024.01.31) 修复`Tooltip`在设置`itemFormatter`为`-`后整个不显示的问题
+* (2024.01.27) 修复`TextLimit`在开启`TextMeshPro`后无效的问题 (#301)
+* (2024.01.24) 增加`Bar`支持X轴和Y轴都为`Category`类目轴
+* (2024.01.23) 增加`{y}`通配符用于获取Y轴的类目名
+* (2024.01.23) 增加`Line`支持X轴和Y轴都为`Category`类目轴
+* (2024.01.18) 修复`Animation`的`type`代码动态修改无效的问题
+* (2024.01.13) 增加`Chart`的更多快捷创建图表菜单
+* (2024.01.09) 增加`Background`的`borderStyle`，给图表默认设置圆角
+* (2024.01.07) 修复`Tooltop`的第一个`ContentLabelStyle`设置`color`无效的问题
+* (2024.01.01) 增加`BorderStyle`边框样式
+* (2023.12.26) 增加`Heatmap`的`maxCache`参数支持
+* (2023.12.25) 优化`Line`开启`clip`时绘制的顶点数
+* (2023.12.22) 修复`Scatter`散点图部分边界数据不显示的问题
+* (2023.12.21) 修复`TriggerTooltip()`接口在指定0或最大index时可能无法触发的问题
+* (2023.12.19) 修复`Legend`的`LabelStyle`设置`formatter`后不生效的问题
+* (2023.12.12) 增加`Legend`的`TextLimit`可限制图例显示文本的长度
+* (2023.12.11) 修复`Serie`添加`double.MaxValue`时坐标绘制失败的问题
+* (2023.12.10) 增加`Serie`的`minShowLabel`可隐藏小于指定值的`label`
+* (2023.12.09) 增加`LevelStyle`的`depth`指定所属层次
+* (2023.12.09) 增加`LevelStyle`的`LineStyle`设置线条样式
+* (2023.12.09) 增加`Serie`的`Link`可用于桑基图添加节点边关系
+* (2023.12.05) 增加`ResetChartStatus()`可主动重置图表状态
+
 ## v3.9.0
 
 版本要点：
@@ -88,6 +143,7 @@ slug: /changelog
 
 日志详情：
 
+* (2023.12.01) 发布`v3.9.0`版本
 * (2023.12.01) 修复`Tooltip`的`titleFormatter`设置为`{b}`后显示不准确的问题
 * (2023.11.30) 增加`SerieData`可单独添加`Label`的支持
 * (2023.11.28) 修复`Tooltip`在对数轴时指示不准确的问题

Documentation~/zh/configuration.md

@@ -94,6 +94,7 @@ import APITable from '@site/src/components/APITable';
 - [BaseAxisTheme](#baseaxistheme)
 - [BaseLine](#baseline)
 - [BlurStyle](#blurstyle)
+- [BorderStyle](#borderstyle)
 - [CommentItem](#commentitem)
 - [CommentMarkStyle](#commentmarkstyle)
 - [ComponentTheme](#componenttheme)
@@ -121,6 +122,7 @@ import APITable from '@site/src/components/APITable';
 - [RadiusAxisTheme](#radiusaxistheme)
 - [SelectStyle](#selectstyle)
 - [SerieData](#seriedata)
+- [SerieDataLink](#seriedatalink)
 - [SerieSymbol](#seriesymbol)
 - [SerieTheme](#serietheme)
 - [StageColor](#stagecolor)
@@ -638,7 +640,10 @@ import APITable from '@site/src/components/APITable';
 |image|||背景图。
 |imageType|||背景图填充类型。
 |imageColor|||背景图颜色。
+|imageWidth|0|v3.10.0|背景图宽度。
+|imageHeight|0|v3.10.0|背景图高度。
 |autoColor|true||当background组件开启时，是否自动使用主题背景色作为backgrounnd组件的颜色。当设置为false时，用imageColor作为颜色。
+|borderStyle||v3.10.0|背景边框样式。 [BorderStyle](#borderstyle)|
 
 ```mdx-code-block
 </APITable>
@@ -711,6 +716,30 @@ import APITable from '@site/src/components/APITable';
 
 淡出状态样式。
 
+## BorderStyle
+
+> class in XCharts.Runtime / 继承自: [ChildComponent](#childcomponent)
+
+> 从 `v3.10.0` 开始支持
+
+边框样式。
+
+```mdx-code-block
+<APITable name="BorderStyle">
+```
+
+|参数|默认|版本|描述|
+|--|--|--|--|
+|show|false||是否显示边框。
+|borderWidth|||边框宽度。
+|borderColor|||边框颜色。
+|roundedCorner|true||是否显示圆角。
+|cornerRadius|||圆角半径。用数组分别指定4个圆角半径（顺时针左上，右上，右下，左下）。当为(1,1,1,1)时为全圆角。
+
+```mdx-code-block
+</APITable>
+```
+
 ## CalendarCoord
 
 > class in XCharts.Runtime / 继承自: [CoordSystem](#coordsystem), [IUpdateRuntimeData](#iupdateruntimedata), [ISerieContainer](#iseriecontainer)
@@ -725,7 +754,7 @@ import APITable from '@site/src/components/APITable';
 
 ## ChildComponent
 
-> class in XCharts.Runtime / 子类: [AnimationStyle](#animationstyle), [AxisAnimation](#axisanimation), [AxisName](#axisname), [AxisSplitArea](#axissplitarea), [AreaStyle](#areastyle), [ArrowStyle](#arrowstyle), [BaseLine](#baseline), [IconStyle](#iconstyle), [ImageStyle](#imagestyle), [ItemStyle](#itemstyle), [Level](#level), [LevelStyle](#levelstyle), [LineArrow](#linearrow), [LineStyle](#linestyle), [Location](#location), [MLValue](#mlvalue), [MarqueeStyle](#marqueestyle), [Padding](#padding), [StageColor](#stagecolor), [SymbolStyle](#symbolstyle), [TextLimit](#textlimit), [TextStyle](#textstyle), [CommentItem](#commentitem), [CommentMarkStyle](#commentmarkstyle), [LabelLine](#labelline), [LabelStyle](#labelstyle), [MarkAreaData](#markareadata), [MarkLineData](#marklinedata), [StateStyle](#statestyle), [VisualMapRange](#visualmaprange), [UIComponentTheme](#uicomponenttheme), [SerieData](#seriedata), [ComponentTheme](#componenttheme), [SerieTheme](#serietheme), [ThemeStyle](#themestyle)
+> class in XCharts.Runtime / 子类: [AnimationStyle](#animationstyle), [AxisAnimation](#axisanimation), [AxisName](#axisname), [AxisSplitArea](#axissplitarea), [AreaStyle](#areastyle), [ArrowStyle](#arrowstyle), [BaseLine](#baseline), [BorderStyle](#borderstyle), [IconStyle](#iconstyle), [ImageStyle](#imagestyle), [ItemStyle](#itemstyle), [Level](#level), [LevelStyle](#levelstyle), [LineArrow](#linearrow), [LineStyle](#linestyle), [Location](#location), [MLValue](#mlvalue), [MarqueeStyle](#marqueestyle), [Padding](#padding), [StageColor](#stagecolor), [SymbolStyle](#symbolstyle), [TextLimit](#textlimit), [TextStyle](#textstyle), [CommentItem](#commentitem), [CommentMarkStyle](#commentmarkstyle), [LabelLine](#labelline), [LabelStyle](#labelstyle), [MarkAreaData](#markareadata), [MarkLineData](#marklinedata), [StateStyle](#statestyle), [VisualMapRange](#visualmaprange), [UIComponentTheme](#uicomponenttheme), [SerieData](#seriedata), [SerieDataLink](#seriedatalink), [ComponentTheme](#componenttheme), [SerieTheme](#serietheme), [ThemeStyle](#themestyle)
 
 ## Comment
 
@@ -951,10 +980,10 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 |--|--|--|--|
 |show|true||是否显示直角坐标系网格。
 |layoutIndex|-1|v3.8.0|网格所属的网格布局组件的索引。默认为-1，表示不属于任何网格布局组件。当设置了该值时，left、right、top、bottom属性将失效。
-|left|0.1f||grid 组件离容器左侧的距离。
+|left|0.11f||grid 组件离容器左侧的距离。
 |right|0.08f||grid 组件离容器右侧的距离。
 |top|0.22f||grid 组件离容器上侧的距离。
-|bottom|0.12f||grid 组件离容器下侧的距离。
+|bottom|0.14f||grid 组件离容器下侧的距离。
 |backgroundColor|||网格背景色，默认透明。
 |showBorder|false||是否显示网格边框。
 |borderWidth|0f||网格边框宽。
@@ -1214,7 +1243,7 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 |rotate|||文本的旋转。
 |autoRotate|false|v3.6.0|是否自动旋转。
 |distance|||距离轴线的距离。
-|formatter|||标签内容字符串模版格式器。支持用 \n 换行。部分组件的格式器会不生效。<br/> 模板通配符有以下这些，部分只适用于固定的组件：<br/> `{.}`：圆点标记。<br/> `{a}`：系列名。<br/> `{b}`：类目值或数据名。<br/> `{c}`：数据值。<br/> `{d}`：百分比。<br/> `{e}`：数据名。<br/> `{f}`：数据和。<br/> `{g}`：数据总个数。<br/> `{h}`：十六进制颜色值。<br/> `{value}`：坐标轴或图例的值。<br/> 以下通配符适用UITable组件：<br/> `{name}`： 表格的行名。<br/> `{index}`：表格的行号。<br/> 以下通配符适用UIStatistc组件：<br/> `{title}`：标题文本。<br/> `{dd}`：天。<br/> `{hh}`：小时。<br/> `{mm}`：分钟。<br/> `{ss}`：秒。<br/> `{fff}`：毫秒。<br/> `{d}`：天。<br/> `{h}`：小时。<br/> `{m}`：分钟。<br/> `{s}`：秒。<br/> `{f}`：毫秒。<br/> 示例：“{b}:{c}”
+|formatter|||标签内容字符串模版格式器。支持用 \n 换行。部分组件的格式器会不生效。<br/> 模板通配符有以下这些，部分只适用于固定的组件：<br/> `{.}`：圆点标记。<br/> `{a}`：系列名。<br/> `{b}`：X轴类目名或数据名。<br/> `{c}`：数据值。<br/> `{d}`：百分比。<br/> `{e}`：数据名。<br/> `{f}`：数据和。<br/> `{g}`：数据总个数。<br/> `{h}`：十六进制颜色值。<br/> `{y}`：Y轴的类目名。<br/> `{value}`：坐标轴或图例的值。<br/> 以下通配符适用UITable组件：<br/> `{name}`： 表格的行名。<br/> `{index}`：表格的行号。<br/> 以下通配符适用UIStatistc组件：<br/> `{title}`：标题文本。<br/> `{dd}`：天。<br/> `{hh}`：小时。<br/> `{mm}`：分钟。<br/> `{ss}`：秒。<br/> `{fff}`：毫秒。<br/> `{d}`：天。<br/> `{h}`：小时。<br/> `{m}`：分钟。<br/> `{s}`：秒。<br/> `{f}`：毫秒。<br/> 示例：“{b}:{c}”
 |numericFormatter|||标准数字和日期格式字符串。用于将Double数值或DateTime日期格式化显示为字符串。numericFormatter用来作为Double.ToString()或DateTime.ToString()的参数。<br/> 数字格式使用Axx的形式：A是格式说明符的单字符，支持C货币、D十进制、E指数、F定点数、G常规、N数字、P百分比、R往返、X十六进制的。xx是精度说明，从0-99。如：F1, E2<br/> 日期格式常见的格式：yyyy年，MM月，dd日，HH时，mm分，ss秒，fff毫秒。如：yyyy-MM-dd HH:mm:ss<br/> 数值格式化参考：https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings <br/> 日期格式化参考：https://learn.microsoft.com/zh-cn/dotnet/standard/base-types/standard-date-and-time-format-strings
 |width|0||标签的宽度。一般不用指定，不指定时则自动是文字的宽度。
 |height|0||标签的高度。一般不用指定，不指定时则自动是文字的高度。
@@ -1265,6 +1294,7 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 |itemOpacity|1||图例标记的图形的颜色透明度。
 |formatter|||不再使用，使用LabelStyle.formatter代替。
 |labelStyle|||文本样式。 [LabelStyle](#labelstyle)|
+|textLimit||v3.10.0|文本限制。 [TextLimit](#textlimit)|
 |data|||图例的数据数组。数组项通常为一个字符串，每一项代表一个系列的 name（如果是饼图，也可以是饼图单个数据的 name）。 如果 data 没有被指定，会自动从当前系列中获取。指定data时里面的数据项和serie匹配时才会生效。
 |icons|||自定义的图例标记图形。
 |colors|||图例标记的颜色列表。
@@ -1302,8 +1332,10 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 
 |参数|默认|版本|描述|
 |--|--|--|--|
+|depth|0|v3.10.0|层级深度。
 |label|||文本标签样式。 [LabelStyle](#labelstyle)|
 |upperLabel|||上方的文本标签样式。 [LabelStyle](#labelstyle)|
+|lineStyle||v3.10.0|线条样式。 [LineStyle](#linestyle)|
 |itemStyle|||数据项样式。 [ItemStyle](#itemstyle)|
 
 ```mdx-code-block
@@ -1314,6 +1346,8 @@ Drawing grid in rectangular coordinate. Line chart, bar chart, and scatter chart
 
 > class in XCharts.Runtime / 继承自: [ChildComponent](#childcomponent)
 
+> 从 `v3.10.0` 开始支持
+
 ```mdx-code-block
 <APITable name="LevelStyle">
 ```
@@ -1756,6 +1790,8 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 |center|||中心点。
 |radius|||半径。radius[0]表示内径，radius[1]表示外径。
 |minRadius|0f|v3.8.0|最小半径。可用于限制玫瑰图的最小半径。
+|minShowLabel|false|v3.10.0|是否开启值小于指定值`minShowLabelValue`时不显示标签。
+|minShowLabelValue|0|v3.10.0|当开启`minShowLabel`时，值小于该值时不显示标签。
 |showDataDimension|||数据项里的数据维数。
 |showDataName|||在Editor的inpsector上是否显示name参数
 |clip|false||是否裁剪超出坐标系部分的图形。
@@ -1781,6 +1817,7 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 |animation|||起始动画。 [AnimationStyle](#animationstyle)|
 |itemStyle|||图形样式。 [ItemStyle](#itemstyle)|
 |data|||系列中的数据内容数组。SerieData可以设置1到n维数据。
+|links|||数据节点的边。
 
 ```mdx-code-block
 </APITable>
@@ -1812,6 +1849,28 @@ Radar coordinate conponnet for radar charts. 雷达图坐标系组件，只适
 </APITable>
 ```
 
+## SerieDataLink
+
+> class in XCharts.Runtime / 继承自: [ChildComponent](#childcomponent)
+
+> 从 `v3.10.0` 开始支持
+
+数据节点之间的连线。可用于桑基图等，桑基图只支持有向无环图，请保证数据的连线是有向无环图。
+
+```mdx-code-block
+<APITable name="SerieDataLink">
+```
+
+|参数|默认|版本|描述|
+|--|--|--|--|
+|source|||边的源节点名称。
+|target|||边的目标节点名称。
+|value|||边的值。决定边的宽度。
+
+```mdx-code-block
+</APITable>
+```
+
 ## SerieSymbol
 
 > class in XCharts.Runtime / 继承自: [SymbolStyle](#symbolstyle), [ISerieDataComponent](#iseriedatacomponent)
@@ -2173,8 +2232,8 @@ Serie的状态样式。Serie的状态有正常，高亮，淡出，选中四种
 |type|||提示框指示器类型。<br/>`Tooltip.Type`:<br/>- `Line`: 直线指示器<br/>- `Shadow`: 阴影指示器<br/>- `None`: 无指示器<br/>- `Corss`: 十字准星指示器。坐标轴显示Label和交叉线。<br/>- `Auto`: 根据serie的类型自动选择显示指示器。<br/>|
 |trigger|||触发类型。<br/>`Tooltip.Trigger`:<br/>- `Item`: 数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。<br/>- `Axis`: 坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。<br/>- `None`: 什么都不触发。<br/>- `Auto`: 根据serie的类型自动选择触发类型。<br/>|
 |position||v3.3.0|显示位置类型。<br/>`Tooltip.Position`:<br/>- `Auto`: 自适应。移动平台靠顶部显示，非移动平台跟随鼠标位置。<br/>- `Custom`: 自定义。完全自定义显示位置(x,y)。<br/>- `FixedX`: 只固定坐标X。Y跟随鼠标位置。<br/>- `FixedY`: <br/>|
-|itemFormatter|||提示框单个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/> {h}为当前所指示的serie的十六进制颜色值。<br/> {c0}表示当前数据项维度为0的数据。<br/> {c1}表示当前数据项维度为1的数据。<br/> {d3}表示维度3的数据的百分比。它的分母是默认维度（一般是1维度）数据。<br/> |表示多个列的分隔。<br/> 示例："{i}", "{.}|{a}|{c}", "{.}|{b}|{c2:f2}"
-|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/> {h}为当前所指示或index为0的serie的数据项serieData的十六进制颜色值。<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}"
+|itemFormatter|||提示框单个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/> {h}为当前所指示的serie的十六进制颜色值。<br/> {y}为当前所指示的serie的y轴的类目值。<br/> {c0}表示当前数据项维度为0的数据。<br/> {c1}表示当前数据项维度为1的数据。<br/> {d3}表示维度3的数据的百分比。它的分母是默认维度（一般是1维度）数据。<br/> |表示多个列的分隔。<br/> 示例："{i}", "{.}|{a}|{c}", "{.}|{b}|{c2:f2}", "{.}|{b}|{y}"
+|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/> {h}为当前所指示或index为0的serie的数据项serieData的十六进制颜色值。<br/> {f}为数据总和。<br/> {g}为数据总个数。<br/> {f}为value所对应的y轴的类目值。<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 优先。

Documentation~/zh/faq.md

@@ -5,161 +5,164 @@ slug: /faq
 
 # 常见问题
 
-[QA 1：如何调整坐标轴与背景的边距？](#如何调整坐标轴与背景的边距)  
-[QA 2：如何让初始动画重新播放？](#如何让初始动画重新播放)  
-[QA 3：如何自定义折线图饼图的颜色？](#如何自定义折线图饼图的颜色)  
-[QA 4：如何给坐标轴上的文本加上单位？](#如何给坐标轴上的文本加上单位)  
-[QA 5：如何让柱形图的柱子堆叠显示？](#如何让柱形图的柱子堆叠显示)  
-[QA 6：如何让柱形图的柱子同柱但不重叠？](#如何让柱形图的柱子同柱但不重叠)  
-[QA 7：如何调整柱形图的柱子宽度和间距？](#如何调整柱形图的柱子宽度和间距)  
-[QA 8：如何调整柱形图单个柱子的颜色？](#如何调整柱形图单个柱子的颜色)  
-[QA 9：如何调整图表的对齐方式？](#如何调整图表的对齐方式)  
-[QA 10：可以显示超过1000以上的大数据吗？](#可以显示超过1000以上的大数据吗)  
-[QA 11：折线图可以画虚线、点线、点划线吗？](#折线图可以画虚线点线点划线吗)  
-[QA 12：如何限定Y轴的值范围？](#如何限定Y轴的值范围)  
-[QA 13：如何自定义数值轴刻度大小？](#如何自定义数值轴刻度大小)  
-[QA 14：如何在数据项顶上显示文本？](#如何在数据项顶上显示文本)  
-[QA 15：如何给数据项自定义图标？](#如何给数据项自定义图标)  
-[QA 16：锯齿太严重，如何让图表更顺滑？](#锯齿太严重如何让图表更顺滑)  
-[QA 17：为什么鼠标移上图表 Tooltip 不显示？](#为什么鼠标移上图表Tooltip不显示)  
-[QA 18：如何取消 Tooltip 的竖线？](#如何取消Tooltip的竖线)  
-[QA 19：如何自定义 Tooltip 的显示内容？](#如何自定义Tooltip的显示内容)  
-[QA 20：如何让Y轴显示多位小数？](#如何让Y轴显示多位小数)  
-[QA 21：如何用代码动态更新数据？](#如何用代码动态更新数据)  
-[QA 22：如何显示图例？为什么有时候图例无法显示？](#如何显示图例为什么有时候图例无法显示)  
-[QA 23：如何做成预设？](#如何做成预设)  
-[QA 24：如何在图表上画点画线等自定义内容？](#如何在图表上画点画线等自定义内容)  
-[QA 25：如何实现心电图类似的数据移动效果？](#如何实现心电图类似的数据移动效果)  
-[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：支持空数据吗？如何实现折线图断开的效果?](#支持空数据吗如何实现折线图断开的效果)  
+[FAQ 1：如何调整坐标轴与背景的边距？](#如何调整坐标轴与背景的边距)  
+[FAQ 2：如何让初始动画重新播放？](#如何让初始动画重新播放)  
+[FAQ 3：如何自定义折线图饼图的颜色？](#如何自定义折线图饼图的颜色)  
+[FAQ 4：如何给坐标轴上的文本加上单位？](#如何给坐标轴上的文本加上单位)  
+[FAQ 5：如何让柱形图的柱子堆叠显示？](#如何让柱形图的柱子堆叠显示)  
+[FAQ 6：如何让柱形图的柱子同柱但不重叠？](#如何让柱形图的柱子同柱但不重叠)  
+[FAQ 7：如何调整柱形图的柱子宽度和间距？](#如何调整柱形图的柱子宽度和间距)  
+[FAQ 8：如何调整柱形图单个柱子的颜色？](#如何调整柱形图单个柱子的颜色)  
+[FAQ 9：如何调整图表的对齐方式？](#如何调整图表的对齐方式)  
+[FAQ 10：可以显示超过1000以上的大数据吗？](#可以显示超过1000以上的大数据吗)  
+[FAQ 11：折线图可以画虚线、点线、点划线吗？](#折线图可以画虚线点线点划线吗)  
+[FAQ 12：如何限定Y轴的值范围？](#如何限定y轴的值范围)  
+[FAQ 13：如何自定义数值轴刻度大小？](#如何自定义数值轴刻度大小)  
+[FAQ 14：如何在数据项顶上显示文本？](#如何在数据项顶上显示文本)  
+[FAQ 15：如何给数据项自定义图标？](#如何给数据项自定义图标)  
+[FAQ 16：锯齿太严重，如何让图表更顺滑？](#锯齿太严重如何让图表更顺滑)  
+[FAQ 17：为什么鼠标移上图表Tooltip不显示？](#为什么鼠标移上图表tooltip不显示)  
+[FAQ 18：如何取消Tooltip的竖线？](#如何取消tooltip的竖线)  
+[FAQ 19：如何自定义Tooltip的显示内容？](#如何自定义tooltip的显示内容)  
+[FAQ 20：如何让y轴显示多位小数？](#如何让y轴显示多位小数)  
+[FAQ 21：如何用代码动态更新数据？](#如何用代码动态更新数据)  
+[FAQ 22：如何显示图例？为什么有时候图例无法显示？](#如何显示图例为什么有时候图例无法显示)  
+[FAQ 23：如何做成预设？](#如何做成预设)  
+[FAQ 24：如何在图表上画点画线等自定义内容？](#如何在图表上画点画线等自定义内容)  
+[FAQ 25：如何实现心电图类似的数据移动效果？](#如何实现心电图类似的数据移动效果)  
+[FAQ 26：如何使用背景组件？有什么条件限制？](#如何使用背景组件有什么条件限制)  
+[FAQ 27：Mesh can not have more than 65000 vertices？](#mesh_cannot_have_more_than_65000_vertices)  
+[FAQ 28：为什么serie里设置的参数运行后又被重置了?](#为什么serie里设置的参数运行后又被重置了)  
+[FAQ 29：如何修改serie的symbol的颜色?](#如何修改serie的symbol的颜色)  
+[FAQ 30：导入或更新XCharts时TMP报错如何处理？](#导入或更新xcharts时tmp报错怎么办)  
+[FAQ 31：支持空数据吗？如何实现折线图断开的效果?](#支持空数据吗如何实现折线图断开的效果)  
+[FAQ 32：2.x版本升级3.x版本时常见的问题有哪些？](#xcharts2升级xcharts3时常见的问题有哪些)  
+[FAQ 33：折线图如何两边不留空白而从0坐标开始显示？](#折线图如何两边不留空白而从0坐标开始显示)  
+[FAQ 34：如何设置部分Serie不显示Tooltip？](#如何设置部分serie不显示tooltip)  
 
 ## 如何调整坐标轴与背景的边距
 
-答：调整`Grid`组件，可调整上下左右边距。
+调整`Grid`组件，可调整上下左右边距。
 
 ## 如何让初始动画重新播放
 
-答：调用`chart.AnimationReset()`接口。
+调用`chart.AnimationReset()`接口。
 
 ## 如何自定义折线图饼图的颜色
 
-答：通过`Theme`的`colorPalette`调整，或者部分`Serie`下的`LineStyle`和`ItemStyle`。
+通过`Theme`的`colorPalette`调整，或者部分`Serie`下的`LineStyle`和`ItemStyle`。
 
 ## 如何给坐标轴上的文本加上单位
 
-答：通过`formatter`和`numericFormatter`参数，在`Legend`、`Axis`的`AxisLabel`、`Tooltop`、`Serie`的`Label`都提供该参数的配置。
+通过`formatter`和`numericFormatter`参数，在`Legend`、`Axis`的`AxisLabel`、`Tooltop`、`Serie`的`Label`都提供该参数的配置。
 
 ## 如何让柱形图的柱子堆叠显示
 
-答：设置`Serie`下的`stack`，`stack`相同的`serie`会堆叠显示在一个柱子上。
+设置`Serie`下的`stack`，`stack`相同的`serie`会堆叠显示在一个柱子上。
 
 ## 如何让柱形图的柱子同柱但不重叠
 
-答：设置`Serie`下的`barGap`为`-1`，`stack`为空。
+设置`Serie`下的`barGap`为`-1`，`stack`为空。
 
 ## 如何调整柱形图的柱子宽度和间距
 
-答：调整`Serie`下的`barWidth`和`barGap`，多个`serie`时最后一个`serie`的`barWidth`和`barGap`有效。
+调整`Serie`下的`barWidth`和`barGap`，多个`serie`时最后一个`serie`的`barWidth`和`barGap`有效。
 
 ## 如何调整柱形图单个柱子的颜色
 
-答：可通过调整单个`Data`下的`ItemStyle`调整，也可以通过两个`serie`同柱不堆叠来实现，通过设置数据项为`0`来达到类似效果。
+可通过调整单个`Data`下的`ItemStyle`调整，也可以通过两个`serie`同柱不堆叠来实现，通过设置数据项为`0`来达到类似效果。
 
 ## 如何调整图表的对齐方式
 
-答：调整RectTransform的锚点，和UGUI的其他组件的用法一致。
+调整RectTransform的锚点，和UGUI的其他组件的用法一致。
 
 ## 可以显示超过1000以上的大数据吗
 
-答：可以。但`UGUI`对单个`Graphic`限制`65000`个顶点，所以太多的数据不一定能显示完全。可通过设置采样距离`sampleDist`开启采样简化过密曲线。也可以通过设置一些参数来减少图表的顶点数有助于显示更多数据。如缩小图表的尺寸，关闭或减少坐标轴的客户端绘制，关闭`Serie`的`symbol`和`label`显示等。折线图的普通线图`Normal`比平滑线图`Smooth`占用顶点数更少。`1.5.0`以上版本可以设置`large`和`largeThreshold`参数来开启性能模式。
+可以。但`UGUI`对单个`Graphic`限制`65000`个顶点，所以太多的数据不一定能显示完全。可通过设置采样距离`sampleDist`开启采样简化过密曲线。也可以通过设置一些参数来减少图表的顶点数有助于显示更多数据。如缩小图表的尺寸，关闭或减少坐标轴的客户端绘制，关闭`Serie`的`symbol`和`label`显示等。折线图的普通线图`Normal`比平滑线图`Smooth`占用顶点数更少。`1.5.0`以上版本可以设置`large`和`largeThreshold`参数来开启性能模式。
 
 ## 折线图可以画虚线点线点划线吗
 
-答：可以。通过`Serie`下的`lineType`选择线条样式。当要显示的数据过多（成千以上）数据间过密时建议使用`Normal`或者`Step`样式。
+可以。通过`Serie`下的`lineType`选择线条样式。当要显示的数据过多（成千以上）数据间过密时建议使用`Normal`或者`Step`样式。
 
-## 如何限定Y轴的值范围
+## 如何限定y轴的值范围
 
-答：设置`Axis`下的`minMaxType`为`Custom`，自定义`min`和`max`。
+设置`Axis`下的`minMaxType`为`Custom`，自定义`min`和`max`。
 
 ## 如何自定义数值轴刻度大小
 
-答：默认时通过`Axis`下的`splitNumer`进行自动划分。也可以设置`interval`自定义刻度大小。
+默认时通过`Axis`下的`splitNumer`进行自动划分。也可以设置`interval`自定义刻度大小。
 
 ## 如何在数据项顶上显示文本
 
-答：通过设置`Serie`下的`Label`。3.0版本需要先添加`LabelStyle`组件。
+通过设置`Serie`下的`Label`。3.0版本需要先添加`LabelStyle`组件。
 
 ## 如何给数据项自定义图标
 
-答：通过设置`Serie`的`data`下的数据项可单独设置`icon`相关参数。
+通过设置`Serie`的`data`下的数据项可单独设置`icon`相关参数。
 
 ## 锯齿太严重如何让图表更顺滑
 
-答：开启抗锯齿设置（在`Unity`里设置）。调整UI渲染模式为`Camera`模式，开启`MSAA`，设置`4`倍或更高抗锯齿。
+开启抗锯齿设置（在`Unity`里设置）。调整UI渲染模式为`Camera`模式，开启`MSAA`，设置`4`倍或更高抗锯齿。
 
-## 为什么鼠标移上图表Tooltip不显示
+## 为什么鼠标移上图表tooltip不显示
 
-答：确认`Tooltip`是否开启；确认父节点是否关闭了鼠标事件。
+确认`Tooltip`是否开启；确认父节点是否关闭了鼠标事件。
 
-## 如何取消Tooltip的竖线
+## 如何取消tooltip的竖线
 
-答：设置`Tooltip`的`type`为`None`。或者调整`lineStyle`的参数。
+设置`Tooltip`的`type`为`None`。或者调整`lineStyle`的参数。
 
-## 如何自定义Tooltip的显示内容
+## 如何自定义tooltip的显示内容
 
-答：自定义总的内容可以通过`Tooltip`的`formatter`。如果只是想调整所有的`serie`的显示格式可以用`itemFormatter`和`titleFormatter`结合。如果想每个`serie`的显示格式不一样，可以定制`serie`的`itemStyle`里的`tooltipFormatter`。具体的用法请查阅[XCharts配置项手册](https://xcharts-team.github.io/docs/configuration#Tooltip-itemFormatter)。
+自定义总的内容可以通过`Tooltip`的`formatter`。如果只是想调整所有的`serie`的显示格式可以用`itemFormatter`和`titleFormatter`结合。如果想每个`serie`的显示格式不一样，可以定制`serie`的`itemStyle`里的`tooltipFormatter`。具体的用法请查阅[XCharts配置项手册](https://xcharts-team.github.io/docs/configuration#Tooltip-itemFormatter)。
 
-## 如何让Y轴显示多位小数
+## 如何让y轴显示多位小数
 
-答：设置`Axis`下的`AxisLabel`中的`formatter`为`{value:f1}`或`{value:f2}`。`1.5.0`及以上版本通过`numericFormatter`设置。
+设置`Axis`下的`AxisLabel`中的`formatter`为`{value:f1}`或`{value:f2}`。`1.5.0`及以上版本通过`numericFormatter`设置。
 
 ## 如何用代码动态更新数据
 
-答：请查阅`Example`下的代码，`Example13_LineSimple.cs`就是一个简单添加数据构建折线图的例子，其他`Demo`也都是通过代码控制不同的组件实现不同的功能，相关API请查看文档：[XChartsAPI接口](api.md)  。
+请查阅`Example`下的代码，`Example13_LineSimple.cs`就是一个简单添加数据构建折线图的例子，其他`Demo`也都是通过代码控制不同的组件实现不同的功能，相关API请查看文档：[XChartsAPI接口](api.md)  。
 
 ## 如何显示图例为什么有时候图例无法显示
 
-答：首先，你的`serie`里的`name`需有值不为空。然后开启`Legend`显示，里面的`data`可以默认为空，表示显示所有的图例。如果你只想显示部分`serie`的图例，在`data`中填入要显示的图例的`name`即可。如果`data`中的值都不是系列的`name`，那图例就不会显示。
+首先，你的`serie`里的`name`需有值不为空。然后开启`Legend`显示，里面的`data`可以默认为空，表示显示所有的图例。如果你只想显示部分`serie`的图例，在`data`中填入要显示的图例的`name`即可。如果`data`中的值都不是系列的`name`，那图例就不会显示。
 
 ## 如何做成预设
 
-答：做成prefab前，执行一下`Rebuild Chart Object`重新刷新节点，避免有冗余的节点存在。
+做成prefab前，执行一下`Rebuild Chart Object`重新刷新节点，避免有冗余的节点存在。
 
 ## 如何在图表上画点画线等自定义内容
 
-答：`XCharts`有自定义绘制回调`onCustomDraw`，具体可参考`Example12_CustomDrawing.cs`
+`XCharts`有自定义绘制回调`onCustomDraw`，具体可参考`Example12_CustomDrawing.cs`
 
 ## 如何实现心电图类似的数据移动效果
 
-答：参考`Example`目录下的`Example_Dynamic.cs`。主要通过设置`maxCache`参数实现。`axis`和`serie`都设置相同的`maxCache`。`maxCache`可固定数据个数，当数据超过设定时会先删除第一个在添加新数据，实现数据移动效果。
+参考`Example`目录下的`Example_Dynamic.cs`。主要通过设置`maxCache`参数实现。`axis`和`serie`都设置相同的`maxCache`。`maxCache`可固定数据个数，当数据超过设定时会先删除第一个在添加新数据，实现数据移动效果。
 
 ## 如何使用背景组件有什么条件限制
 
-答：设置`background`组件的`show`为`true`。
+设置`background`组件的`show`为`true`。
 
 ## 区域折线图在用半透明颜色时有时候会一条叠加的线
 
-答：这是区域折线图绘制的bug。可以用浅的不透的颜色替代半透明颜色。
+这是区域折线图绘制的bug。可以用浅的不透的颜色替代半透明颜色。
 
-## Mesh_cannot_have_more_than_65000_vertices
+## mesh_cannot_have_more_than_65000_vertices
 
-答：这是`UGUI`对单个`Graphic`的顶点数限制。`XCharts`是将图形绘制在单个`Graphic`上，所以也会有这个限制。解决的办法可以参考：[QA 10：可以显示超过1000以上的大数据吗？](#可以显示超过1000以上的大数据吗)  
+这是`UGUI`对单个`Graphic`的顶点数限制。`XCharts`是将图形绘制在单个`Graphic`上，所以也会有这个限制。解决的办法可以参考：[FAQ 10：可以显示超过1000以上的大数据吗？](#可以显示超过1000以上的大数据吗)  
 
 ## 为什么serie里设置的参数运行后又被重置了
 
-答：检测下代码里是否调用了`RemoveData()`并重新添加`Serie`了。如果想保留`Serie`的配置可以只`ClearData()`，然后重新添加数据。
+检测下代码里是否调用了`RemoveData()`并重新添加`Serie`了。如果想保留`Serie`的配置可以只`ClearData()`，然后重新添加数据。
 
-## 如何修改Serie的Symbol的颜色
+## 如何修改serie的symbol的颜色
 
-答：`Symbol` 的颜色是使用的 `ItemStyle` 的 `color`。
+`Symbol` 的颜色是使用的 `ItemStyle` 的 `color`。
 
-## 导入或更新XCharts时TMP报错怎么办
+## 导入或更新xcharts时tmp报错怎么办
 
-答：XCharts默认时不开启TMP，所以asmdef上没有TMP的引用。当本地开启TMP后再更新XCharts可能会出现这个问题。可通过以下两种方式解决：
+XCharts默认时不开启TMP，所以asmdef上没有TMP的引用。当本地开启TMP后再更新XCharts可能会出现这个问题。可通过以下两种方式解决：
 
 1. 找到`XCharts.Runtime.asmdef`和`XCharts.Editor.asmdef`，手动加上 `TextMeshPro`的引用
 2. 移除`PlayerSetting`中`Scripting Define Symbols`的`dUI_TextMeshPro`宏
@@ -168,4 +171,17 @@ slug: /faq
 
 ## 支持空数据吗如何实现折线图断开的效果
 
-答：`Serie`的`data`是`double`类型，所以无法表示空数据。可通过开启`Serie`的`ignore`和指定`ignoreValue`来达到空数据的效果。也可以每个`SerieData`设置`ignore`参数。忽略数据后断开还是连接可设置`ignoreLineBreak`参数。
+`Serie`的`data`是`double`类型，所以无法表示空数据。可通过开启`Serie`的`ignore`和指定`ignoreValue`来达到空数据的效果。也可以每个`SerieData`设置`ignore`参数。忽略数据后断开还是连接可设置`ignoreLineBreak`参数。
+
+## xcharts2升级xcharts3时常见的问题有哪些
+
+1. 'XCharts.Runtime.XChartsMgr' is missing the class attribute 'ExtensionOfNativeClass'!
+3.x版本时不需要挂载XChartsMgr，直接删掉场景上的`_xcharts_`节点即可。
+
+## 折线图如何两边不留空白而从0坐标开始显示
+
+设置X轴的`boundaryGap`参数。
+
+## 如何设置部分serie不显示tooltip
+
+`serie`的`itemStyle`的`itemFormatter`设置为`-`可以忽略`tooltip`。

Editor/ChildComponents/BackgroundDrawer.cs

@@ -0,0 +1,28 @@
+using UnityEditor;
+using UnityEngine;
+using XCharts.Runtime;
+
+namespace XCharts.Editor
+{
+    [CustomPropertyDrawer(typeof(Background), true)]
+    public class BackgroundDrawer : BasePropertyDrawer
+    {
+        public override string ClassName { get { return "Background"; } }
+        public override void OnGUI(Rect pos, SerializedProperty prop, GUIContent label)
+        {
+            base.OnGUI(pos, prop, label);
+            if (MakeComponentFoldout(prop, "m_Show", true))
+            {
+                ++EditorGUI.indentLevel;
+                PropertyField(prop, "m_Image");
+                PropertyField(prop, "m_ImageType");
+                PropertyField(prop, "m_ImageColor");
+                PropertyField(prop, "m_ImageWidth");
+                PropertyField(prop, "m_ImageHeight");
+                PropertyField(prop, "m_AutoColor");
+                PropertyField(prop, "m_BorderStyle");
+                --EditorGUI.indentLevel;
+            }
+        }
+    }
+}

Editor/ChildComponents/BackgroundDrawer.cs.meta

@@ -1,5 +1,5 @@
 fileFormatVersion: 2
-guid: fe10ee35a038646b6aedfffb30f84024
+guid: 88c83fad35bc544cab4106096d171189
 MonoImporter:
   externalObjects: {}
   serializedVersion: 2

Editor/ChildComponents/BorderStyleDrawer.cs

@@ -0,0 +1,25 @@
+using UnityEditor;
+using UnityEngine;
+using XCharts.Runtime;
+
+namespace XCharts.Editor
+{
+    [CustomPropertyDrawer(typeof(BorderStyle), true)]
+    public class BorderStyleDrawer : BasePropertyDrawer
+    {
+        public override string ClassName { get { return "Border"; } }
+        public override void OnGUI(Rect pos, SerializedProperty prop, GUIContent label)
+        {
+            base.OnGUI(pos, prop, label);
+            if (MakeComponentFoldout(prop, "m_Show", true))
+            {
+                ++EditorGUI.indentLevel;
+                PropertyField(prop, "m_BorderWidth");
+                PropertyField(prop, "m_BorderColor");
+                PropertyField(prop, "m_RoundedCorner");
+                PropertyListField(prop, "m_CornerRadius", true);
+                --EditorGUI.indentLevel;
+            }
+        }
+    }
+}

Editor/ChildComponents/BorderStyleDrawer.cs.meta

@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 47a460215ec5e4ec0bc7f8122a44302a
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 

Editor/ChildComponents/LevelStyleDrawer.cs

@@ -27,11 +27,16 @@ namespace XCharts.Editor
         public override void OnGUI(Rect pos, SerializedProperty prop, GUIContent label)
         {
             base.OnGUI(pos, prop, label);
-            ++EditorGUI.indentLevel;
-            PropertyField(prop, "m_Label");
-            PropertyField(prop, "m_UpperLabel");
-            PropertyField(prop, "m_ItemStyle");
-            --EditorGUI.indentLevel;
+            if (MakeComponentFoldout(prop, "m_Depth", true))
+            {
+                ++EditorGUI.indentLevel;
+                PropertyField(prop, "m_Depth");
+                PropertyField(prop, "m_Label");
+                PropertyField(prop, "m_UpperLabel");
+                PropertyField(prop, "m_LineStyle");
+                PropertyField(prop, "m_ItemStyle");
+                --EditorGUI.indentLevel;
+            }
         }
     }
 }

Editor/MainComponents/AxisEditor.cs

@@ -92,7 +92,7 @@ namespace XCharts.Editor
             {
                 PropertyListField("m_Data", true, new HeaderMenuInfo("Import ECharts Axis Data", () =>
                 {
-                    PraseExternalDataEditor.UpdateData(chart, null, component as Axis);
+                    PraseExternalDataEditor.UpdateData(chart, null, component as Axis, false);
                     PraseExternalDataEditor.ShowWindow();
                 }));
             }

Editor/MainComponents/BackgroundEditor.cs

@@ -14,6 +14,7 @@ namespace XCharts.Editor
             PropertyField("m_ImageType");
             PropertyField("m_ImageColor");
             PropertyField("m_AutoColor");
+            PropertyField("m_BorderStyle");
             --EditorGUI.indentLevel;
         }
     }

Editor/MainComponents/BaseGraphEditor.cs

@@ -0,0 +1,112 @@
+using System.Collections.Generic;
+using UnityEditor;
+using UnityEngine;
+using UnityEngine.Assertions;
+using XCharts.Runtime;
+
+namespace XCharts.Editor
+{
+    public class BaseGraphEditor : UnityEditor.Editor
+    {
+        class Styles
+        {
+            public static readonly GUIContent btnAddComponent = new GUIContent("Add Main Component", "");
+            public static readonly GUIContent btnRebuildChartObject = new GUIContent("Rebuild Object", "");
+            public static readonly GUIContent btnSaveAsImage = new GUIContent("Save As Image", "");
+            public static readonly GUIContent btnCheckWarning = new GUIContent("Check Warning", "");
+            public static readonly GUIContent btnHideWarning = new GUIContent("Hide Warning", "");
+        }
+        public BaseGraph m_BaseGraph;
+
+        public static T AddUIComponent<T>(string chartName) where T : BaseGraph
+        {
+            return XChartsEditor.AddGraph<T>(chartName);
+        }
+
+        protected Dictionary<string, SerializedProperty> m_Properties = new Dictionary<string, SerializedProperty>();
+
+        protected virtual void OnEnable()
+        {
+            m_Properties.Clear();
+            m_BaseGraph = (BaseGraph)target;
+        }
+
+        public override void OnInspectorGUI()
+        {
+            serializedObject.Update();
+            PropertyField("m_Script");
+
+            OnStartInspectorGUI();
+            OnDebugInspectorGUI();
+            serializedObject.ApplyModifiedProperties();
+        }
+
+        protected virtual void OnStartInspectorGUI() { }
+
+        protected virtual void OnDebugInspectorGUI()
+        {
+            EditorGUILayout.Space();
+            OnDebugStartInspectorGUI();
+            OnDebugEndInspectorGUI();
+        }
+
+        protected virtual void OnDebugStartInspectorGUI() { }
+        protected virtual void OnDebugEndInspectorGUI() { }
+
+        protected void PropertyField(string name)
+        {
+            if (!m_Properties.ContainsKey(name))
+            {
+                var prop = serializedObject.FindProperty(name);
+                if (prop == null)
+                {
+                    Debug.LogError("Property " + name + " not found!");
+                    return;
+                }
+                m_Properties.Add(name, prop);
+            }
+            EditorGUILayout.PropertyField(m_Properties[name]);
+        }
+
+        protected void PropertyField(SerializedProperty property)
+        {
+            Assert.IsNotNull(property);
+            var title = ChartEditorHelper.GetContent(property.displayName);
+            PropertyField(property, title);
+        }
+
+        protected void PropertyField(SerializedProperty property, GUIContent title)
+        {
+            EditorGUILayout.PropertyField(property, title);
+        }
+
+        protected void PropertyListField(string relativePropName, bool showOrder = true, params HeaderMenuInfo[] menus)
+        {
+            var m_DrawRect = GUILayoutUtility.GetRect(1f, 17f);
+            var height = 0f;
+            var prop = FindProperty(relativePropName);
+            prop.isExpanded = ChartEditorHelper.MakeListWithFoldout(ref m_DrawRect, ref height,
+                prop, prop.isExpanded, showOrder, true, menus);
+            if (prop.isExpanded)
+            {
+                GUILayoutUtility.GetRect(1f, height - 17);
+            }
+        }
+
+        protected void PropertyTwoFiled(string relativePropName)
+        {
+            var m_DrawRect = GUILayoutUtility.GetRect(1f, 17f);
+            var prop = FindProperty(relativePropName);
+            ChartEditorHelper.MakeTwoField(ref m_DrawRect, m_DrawRect.width, prop, prop.displayName);
+        }
+
+        protected SerializedProperty FindProperty(string path)
+        {
+            if (!m_Properties.ContainsKey(path))
+            {
+                m_Properties.Add(path, serializedObject.FindProperty(path));
+            }
+            return m_Properties[path];
+        }
+    }
+}

Editor/MainComponents/BaseGraphEditor.cs.meta

@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 88786092000154d359c1aa954ce664f0
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 

Editor/MainComponents/LegendEditor.cs

@@ -19,6 +19,7 @@ namespace XCharts.Editor
             PropertyField("m_Orient");
             PropertyField("m_Location");
             PropertyField("m_LabelStyle");
+            PropertyField("m_TextLimit");
             PropertyField("m_Background");
             PropertyField("m_Padding");
             PropertyListField("m_Icons");

Editor/MainComponents/MainComponentListEditor.cs

@@ -133,7 +133,26 @@ namespace XCharts.Editor
 
         public void AddChartComponent(Type type)
         {
-            chart.AddChartComponent(type);
+            var component = chart.AddChartComponent(type);
+            if (component != null)
+            {
+                if (component is YAxis)
+                {
+                    var yAxis = component as YAxis;
+                    if (yAxis.index == 1)
+                    {
+                        yAxis.position = Axis.AxisPosition.Right;
+                    }
+                }
+                else if (component is XAxis)
+                {
+                    var xAxis = component as XAxis;
+                    if (xAxis.index == 1)
+                    {
+                        xAxis.position = Axis.AxisPosition.Top;
+                    }
+                }
+            }
             m_ComponentsProperty = m_BaseEditor.RefreshComponent();
             RefreshEditors();
             EditorUtility.SetDirty(chart);

Editor/Series/BarEditor.cs

@@ -48,6 +48,8 @@ namespace XCharts.Editor
                 PropertyField("m_Large");
                 PropertyField("m_LargeThreshold");
                 PropertyField("m_PlaceHolder");
+                PropertyField("m_MinShowLabel");
+                PropertyField("m_MinShowLabelValue");
             });
             PropertyField("m_ItemStyle");
             PropertyField("m_Animation");

Editor/Series/HeatmapEditor.cs

@@ -19,6 +19,8 @@ namespace XCharts.Editor
             PropertyField("m_HeatmapType");
             PropertyField("m_Ignore");
             PropertyField("m_IgnoreValue");
+            PropertyField("m_MaxCache");
+
 
             PropertyField("m_Symbol");
             PropertyField("m_ItemStyle");

Editor/Series/PieEditor.cs

@@ -23,6 +23,8 @@ namespace XCharts.Editor
                 PropertyField("m_IgnoreValue");
                 PropertyField("m_ClickOffset");
                 PropertyField("m_RadiusGradient");
+                PropertyField("m_MinShowLabel");
+                PropertyField("m_MinShowLabelValue");
             });
             PropertyField("m_ItemStyle");
             PropertyField("m_Animation");

Editor/Series/SerieDataLinkDrawer.cs

@@ -0,0 +1,24 @@
+using UnityEditor;
+using UnityEngine;
+using XCharts.Runtime;
+
+namespace XCharts.Editor
+{
+    [CustomPropertyDrawer(typeof(SerieDataLink), true)]
+    public class SerieDataLinkDrawer : BasePropertyDrawer
+    {
+        public override string ClassName { get { return "Link"; } }
+        public override void OnGUI(Rect pos, SerializedProperty prop, GUIContent label)
+        {
+            base.OnGUI(pos, prop, label);
+            if (MakeComponentFoldout(prop, "", true))
+            {
+                ++EditorGUI.indentLevel;
+                PropertyField(prop, "m_Source");
+                PropertyField(prop, "m_Target");
+                PropertyField(prop, "m_Value");
+                --EditorGUI.indentLevel;
+            }
+        }
+    }
+}

Editor/Series/SerieDataLinkDrawer.cs.meta

@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 877ff0f4c473d47f29e7e7e3a3eaf53b
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 

Editor/Series/SerieEditor.cs

@@ -12,6 +12,8 @@ namespace XCharts.Editor
         private bool m_DataFoldout = false;
         private bool m_DataComponentFoldout = true;
         private Dictionary<int, bool> m_DataElementFoldout = new Dictionary<int, bool>();
+        private bool m_LinksFoldout = false;
+        private Dictionary<int, bool> m_LinksElementFoldout = new Dictionary<int, bool>();
 
         public override void OnInspectorGUI()
         {
@@ -31,12 +33,16 @@ namespace XCharts.Editor
             OnCustomInspectorGUI();
             OnExtraInspectorGUI();
             PropertyFieldData();
+            OnEndCustomInspectorGUI();
             --EditorGUI.indentLevel;
         }
 
         public virtual void OnCustomInspectorGUI()
         { }
 
+        public virtual void OnEndCustomInspectorGUI()
+        { }
+
         private void OnExtraInspectorGUI()
         {
             foreach (var kv in Serie.extraComponentMap)
@@ -52,7 +58,7 @@ namespace XCharts.Editor
             m_DataFoldout = ChartEditorHelper.DrawHeader("Data", m_DataFoldout, false, null, null,
                 new HeaderMenuInfo("Import ECharts Data", () =>
                 {
-                    PraseExternalDataEditor.UpdateData(chart, serie, null);
+                    PraseExternalDataEditor.UpdateData(chart, serie, null, false);
                     PraseExternalDataEditor.ShowWindow();
                 }));
             if (!m_DataFoldout) return;
@@ -97,6 +103,48 @@ namespace XCharts.Editor
             EditorGUI.indentLevel--;
         }
 
+        protected void PropertyFieldLinks()
+        {
+            m_LinksFoldout = ChartEditorHelper.DrawHeader("Links", m_LinksFoldout, false, null, null,
+                new HeaderMenuInfo("Import ECharts Link", () =>
+                {
+                    //PraseExternalDataEditor.UpdateData(chart, serie, null, true);
+                    //PraseExternalDataEditor.ShowWindow();
+                }));
+            if (!m_LinksFoldout) return;
+            EditorGUI.indentLevel++;
+            var m_Links = FindProperty("m_Links");
+            var listSize = m_Links.arraySize;
+            listSize = EditorGUILayout.IntField("Size", listSize);
+            if (listSize < 0) listSize = 0;
+            if (listSize != m_Links.arraySize)
+            {
+                while (listSize > m_Links.arraySize) m_Links.arraySize++;
+                while (listSize < m_Links.arraySize) m_Links.arraySize--;
+            }
+            if (listSize > 30) // && !XCSettings.editorShowAllListData)
+            {
+                int num = listSize > 10 ? 10 : listSize;
+                for (int i = 0; i < num; i++)
+                {
+                    DrawSerieDataLink(m_Links, i);
+                }
+                if (num >= 10)
+                {
+                    ChartEditorHelper.DrawHeader("... ", false, false, null, null);
+                    DrawSerieDataLink(m_Links, listSize - 1);
+                }
+            }
+            else
+            {
+                for (int i = 0; i < m_Links.arraySize; i++)
+                {
+                    DrawSerieDataLink(m_Links, i);
+                }
+            }
+            EditorGUI.indentLevel--;
+        }
+
         protected void PropertyFiledMore(System.Action action)
         {
             m_MoreFoldout = ChartEditorHelper.DrawHeader(MORE, m_MoreFoldout, false, null, null);
@@ -118,7 +166,7 @@ namespace XCharts.Editor
             var serieData = m_Datas.GetArrayElementAtIndex(index);
             var dataIndex = serieData.FindPropertyRelative("m_Index").intValue;
             m_DataElementFoldout[index] = ChartEditorHelper.DrawHeader("SerieData " + dataIndex, flag, false, null,
-                delegate(Rect drawRect)
+                delegate (Rect drawRect)
                 {
                     //drawRect.width -= 2f;
                     var maxX = drawRect.xMax;
@@ -242,5 +290,38 @@ namespace XCharts.Editor
             }
             EditorGUI.indentLevel--;
         }
+
+        private void DrawSerieDataLink(SerializedProperty m_Datas, int index)
+        {
+            bool flag;
+            if (!m_LinksElementFoldout.TryGetValue(index, out flag))
+            {
+                flag = false;
+                m_LinksElementFoldout[index] = false;
+            }
+            var dataLink = m_Datas.GetArrayElementAtIndex(index);
+            m_LinksElementFoldout[index] = ChartEditorHelper.DrawHeader("Link " + index, flag, false, null,
+                delegate (Rect drawRect)
+                {
+                    var sourceIndex = dataLink.FindPropertyRelative("m_Source");
+                    var targetIndex = dataLink.FindPropertyRelative("m_Target");
+                    var value = dataLink.FindPropertyRelative("m_Value");
+                    ChartEditorHelper.MakeThreeField(ref drawRect, drawRect.width, sourceIndex, targetIndex, value, "");
+                });
+            if (m_LinksElementFoldout[index])
+            {
+                DrawSerieDataLinkDetail(m_Datas, index);
+            }
+        }
+
+        private void DrawSerieDataLinkDetail(SerializedProperty m_Links, int index)
+        {
+            EditorGUI.indentLevel++;
+            var dataLink = m_Links.GetArrayElementAtIndex(index);
+            PropertyField(dataLink.FindPropertyRelative("m_Source"));
+            PropertyField(dataLink.FindPropertyRelative("m_Target"));
+            PropertyField(dataLink.FindPropertyRelative("m_Value"));
+            EditorGUI.indentLevel--;
+        }
     }
 }

Editor/Utilities/ChartEditorHelper.cs

@@ -106,6 +106,23 @@ namespace XCharts.Editor
             drawRect.y += EditorGUIUtility.singleLineHeight + EditorGUIUtility.standardVerticalSpacing;
         }
 
+        public static void MakeThreeField(ref Rect drawRect, float rectWidth, SerializedProperty prop1,
+            SerializedProperty prop2, SerializedProperty prop3, string name)
+        {
+            EditorGUI.LabelField(drawRect, name);
+            var startX = drawRect.x + EditorGUIUtility.labelWidth - EditorGUI.indentLevel * INDENT_WIDTH + GAP_WIDTH;
+            var diff = 13 + EditorGUI.indentLevel * 14;
+            var offset = diff - INDENT_WIDTH;
+            var tempWidth = (rectWidth - startX + diff) / 3;
+            var centerXRect = new Rect(startX, drawRect.y, tempWidth, drawRect.height - 1);
+            var centerYRect = new Rect(centerXRect.x + tempWidth - offset, drawRect.y, tempWidth - 1, drawRect.height - 1);
+            var centerZRect = new Rect(centerYRect.x + tempWidth - offset, drawRect.y, tempWidth - 1, drawRect.height - 1);
+            EditorGUI.PropertyField(centerXRect, prop1, GUIContent.none);
+            EditorGUI.PropertyField(centerYRect, prop2, GUIContent.none);
+            EditorGUI.PropertyField(centerZRect, prop3, GUIContent.none);
+            drawRect.y += EditorGUIUtility.singleLineHeight + EditorGUIUtility.standardVerticalSpacing;
+        }
+
         public static void MakeVector2(ref Rect drawRect, float rectWidth, SerializedProperty prop, string name)
         {
             EditorGUI.LabelField(drawRect, name);

Editor/Windows/PraseExternalDataEditor.cs

@@ -11,6 +11,7 @@ namespace XCharts.Editor
         private static BaseChart s_Chart;
         private static Serie s_Serie;
         private static Axis s_Axis;
+        private static bool s_LinksData;
         private static PraseExternalDataEditor window;
         private static string inputJsonText = "";
 
@@ -23,11 +24,12 @@ namespace XCharts.Editor
             window.Show();
         }
 
-        public static void UpdateData(BaseChart chart, Serie serie, Axis axis)
+        public static void UpdateData(BaseChart chart, Serie serie, Axis axis, bool linksData)
         {
             s_Chart = chart;
             s_Serie = serie;
             s_Axis = axis;
+            s_LinksData = linksData;
             inputJsonText = UnityEngine.GUIUtility.systemCopyBuffer;
         }
 
@@ -97,7 +99,8 @@ namespace XCharts.Editor
         {
             arrayData = arrayData.Trim();
             if (!arrayData.StartsWith("data: Array")) return false;
-            serie.ClearData();
+            if (s_LinksData) serie.ClearLinks();
+            else serie.ClearData();
             var list = arrayData.Split('\n');
             for (int i = 1; i < list.Length; i++)
             {
@@ -140,7 +143,8 @@ namespace XCharts.Editor
         private static bool ParseJsonData(Serie serie, string jsonData)
         {
             if (!CheckJsonData(ref jsonData)) return false;
-            serie.ClearData();
+            if (s_LinksData) serie.ClearLinks();
+            else serie.ClearData();
             if (jsonData.IndexOf("],") > -1 || jsonData.IndexOf("] ,") > -1)
             {
                 string[] datas = jsonData.Split(new string[] { "],", "] ," }, StringSplitOptions.RemoveEmptyEntries);

Editor/Windows/XChartsEditor.BarChart.cs

@@ -0,0 +1,111 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using UnityEditor;
+using UnityEngine;
+using UnityEngine.EventSystems;
+using UnityEngine.UI;
+using XCharts.Runtime;
+using ADB = UnityEditor.AssetDatabase;
+
+namespace XCharts.Editor
+{
+    public partial class XChartsEditor
+    {
+        [MenuItem("XCharts/BarChart/Baisc Column", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Baisc Column", priority = 45)]
+        public static void AddBarChart()
+        {
+            AddChart<BarChart>("BarChart");
+        }
+
+        [MenuItem("XCharts/BarChart/Zebra Column", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Zebra Column", priority = 45)]
+        public static void AddBarChart_ZebraColumn()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Zebra Column");
+            chart.DefaultZebraColumnChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Capsule Column", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Capsule Column", priority = 45)]
+        public static void AddBarChart_CapsuleColumn()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Capsule Column");
+            chart.DefaultCapsuleColumnChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Grouped Column", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Grouped Column", priority = 45)]
+        public static void AddBarChart_GroupedColumn()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Grouped Column");
+            chart.DefaultGroupedColumnChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Stacked Column", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Stacked Column", priority = 45)]
+        public static void AddBarChart_StackedColumn()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Stacked Column");
+            chart.DefaultStackedColumnChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Percent Column", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Percent Column", priority = 45)]
+        public static void AddBarChart_PercentColumn()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Percent Column");
+            chart.DefaultPercentColumnChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Baisc Bar", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Baisc Bar", priority = 45)]
+        public static void AddBarChart_BasicBar()
+        {
+            var chart = AddChart<BarChart>("BarChart");
+            chart.DefaultBarChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Zebra Bar", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Zebra Bar", priority = 45)]
+        public static void AddBarChart_ZebraBar()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Zebra Bar");
+            chart.DefaultZebraBarChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Capsule Bar", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Capsule Bar", priority = 45)]
+        public static void AddBarChart_CapsuleBar()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Capsule Bar");
+            chart.DefaultCapsuleBarChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Grouped Bar", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Grouped Bar", priority = 45)]
+        public static void AddBarChart_GroupedBar()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Grouped Bar");
+            chart.DefaultGroupedBarChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Stacked Bar", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Stacked Bar", priority = 45)]
+        public static void AddBarChart_StackedBar()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Stacked Bar");
+            chart.DefaultStackedBarChart();
+        }
+
+        [MenuItem("XCharts/BarChart/Percent Bar", priority = 45)]
+        [MenuItem("GameObject/XCharts/BarChart/Percent Bar", priority = 45)]
+        public static void AddBarChart_PercentBar()
+        {
+            var chart = AddChart<BarChart>("BarChart", "Percent Bar");
+            chart.DefaultPercentBarChart();
+        }
+    }
+}

Editor/Windows/XChartsEditor.BarChart.cs.meta

@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 56ff28653cd1148dc857e65c4440cf74
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 

Editor/Windows/XChartsEditor.LineChart.cs

@@ -0,0 +1,95 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using UnityEditor;
+using UnityEngine;
+using UnityEngine.EventSystems;
+using UnityEngine.UI;
+using XCharts.Runtime;
+using ADB = UnityEditor.AssetDatabase;
+
+namespace XCharts.Editor
+{
+    public partial class XChartsEditor
+    {
+        [MenuItem("XCharts/LineChart/Basic Line", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Basic Line", priority = 44)]
+        public static void AddLineChart()
+        {
+            AddChart<LineChart>("LineChart");
+        }
+
+        [MenuItem("XCharts/LineChart/Area Line", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Area Line", priority = 44)]
+        public static void AddLineChart_Area()
+        {
+            var chart = AddChart<LineChart>("LineChart_Area", "Area Line");
+            chart.DefaultAreaLineChart();
+        }
+
+        [MenuItem("XCharts/LineChart/Smooth Line", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Smooth Line", priority = 44)]
+        public static void AddLineChart_Smooth()
+        {
+            var chart = AddChart<LineChart>("LineChart_Smooth", "Smooth Line");
+            chart.DefaultSmoothLineChart();
+        }
+
+        [MenuItem("XCharts/LineChart/Smooth Area", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Smooth Area Line", priority = 44)]
+        public static void AddLineChart_SmoothArea()
+        {
+            var chart = AddChart<LineChart>("LineChart_SmoothArea", "Smooth Area Line");
+            chart.DefaultSmoothAreaLineChart();
+        }
+
+        [MenuItem("XCharts/LineChart/Stack Line", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Stack Line", priority = 44)]
+        public static void AddLineChart_Stack()
+        {
+            var chart = AddChart<LineChart>("LineChart_Stack", "Stack Line");
+            chart.DefaultStackLineChart();
+        }
+
+        [MenuItem("XCharts/LineChart/Stack Area Line", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Stack Area Line", priority = 44)]
+        public static void AddLineChart_StackArea()
+        {
+            var chart = AddChart<LineChart>("LineChart_StackArea", "Stack Area Line");
+            chart.DefaultStackAreaLineChart();
+        }
+
+        [MenuItem("XCharts/LineChart/Step Line", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Step Line", priority = 44)]
+        public static void AddLineChart_Step()
+        {
+            var chart = AddChart<LineChart>("LineChart_Step", "Step Line");
+            chart.DefaultStepLineChart();
+        }
+
+        [MenuItem("XCharts/LineChart/Dashed Line", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Dashed Line", priority = 44)]
+        public static void AddLineChart_Dash()
+        {
+            var chart = AddChart<LineChart>("LineChart_Dashed", "Dashed Line");
+            chart.DefaultDashLineChart();
+        }
+
+        [MenuItem("XCharts/LineChart/Time Line", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Time Line", priority = 44)]
+        public static void AddLineChart_Time()
+        {
+            var chart = AddChart<LineChart>("LineChart_Time", "Time Line");
+            chart.DefaultTimeLineChart();
+        }
+
+        [MenuItem("XCharts/LineChart/Log Line", priority = 44)]
+        [MenuItem("GameObject/XCharts/LineChart/Log Line", priority = 44)]
+        public static void AddLineChart_Log()
+        {
+            var chart = AddChart<LineChart>("LineChart_Log", "Log Line");
+            chart.DefaultLogLineChart();
+        }
+    }
+}

Editor/Windows/XChartsEditor.LineChart.cs.meta

@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 5036b2e279753473a906aaaf8b369d44
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 

Editor/Windows/XChartsEditor.PieChart.cs

@@ -0,0 +1,63 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using UnityEditor;
+using UnityEngine;
+using UnityEngine.EventSystems;
+using UnityEngine.UI;
+using XCharts.Runtime;
+using ADB = UnityEditor.AssetDatabase;
+
+namespace XCharts.Editor
+{
+    public partial class XChartsEditor
+    {
+        [MenuItem("XCharts/PieChart/Pie", priority = 46)]
+        [MenuItem("GameObject/XCharts/PieChart/Pie", priority = 46)]
+        public static void AddPieChart()
+        {
+            AddChart<PieChart>("PieChart");
+        }
+
+        [MenuItem("XCharts/PieChart/Pie With Label", priority = 46)]
+        [MenuItem("GameObject/XCharts/PieChart/Pie With Label", priority = 46)]
+        public static void AddPieChart_WithLabel()
+        {
+            var chart = AddChart<PieChart>("PieChart");
+            chart.DefaultLabelPieChart();
+        }
+
+        [MenuItem("XCharts/PieChart/Donut", priority = 46)]
+        [MenuItem("GameObject/XCharts/PieChart/Donut", priority = 46)]
+        public static void AddPieChart_Donut()
+        {
+            var chart = AddChart<PieChart>("PieChart");
+            chart.DefaultDonutPieChart();
+        }
+
+        [MenuItem("XCharts/PieChart/Donut With Label", priority = 46)]
+        [MenuItem("GameObject/XCharts/PieChart/Donut With Label", priority = 46)]
+        public static void AddPieChart_DonutWithLabel()
+        {
+            var chart = AddChart<PieChart>("PieChart");
+            chart.DefaultLabelDonutPieChart();
+        }
+
+        [MenuItem("XCharts/PieChart/Radius Rose", priority = 46)]
+        [MenuItem("GameObject/XCharts/PieChart/Radius Rose", priority = 46)]
+        public static void AddPieChart_RadiusRose()
+        {
+            var chart = AddChart<PieChart>("PieChart");
+            chart.DefaultRadiusRosePieChart();
+        }
+
+        [MenuItem("XCharts/PieChart/Area Rose", priority = 46)]
+        [MenuItem("GameObject/XCharts/PieChart/Area Rose", priority = 46)]
+        public static void AddPieChart_AreaRose()
+        {
+            var chart = AddChart<PieChart>("PieChart");
+            chart.DefaultAreaRosePieChart();
+        }
+    }
+}

Editor/Windows/XChartsEditor.PieChart.cs.meta

@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 75bcae53ea72749418444c00f6281a3d
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 

Editor/Windows/XChartsEditor.PolarChart.cs

@@ -0,0 +1,49 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using UnityEditor;
+using UnityEngine;
+using UnityEngine.EventSystems;
+using UnityEngine.UI;
+using XCharts.Runtime;
+using ADB = UnityEditor.AssetDatabase;
+
+namespace XCharts.Editor
+{
+    public partial class XChartsEditor
+    {
+        [MenuItem("XCharts/PolarChart/Line", priority = 54)]
+        [MenuItem("GameObject/XCharts/PolarChart/Line", priority = 54)]
+        public static void PolarChart()
+        {
+            AddChart<PolarChart>("PolarChart");
+        }
+
+        [MenuItem("XCharts/PolarChart/Radial Bar", priority = 54)]
+        [MenuItem("GameObject/XCharts/PolarChart/Radial Bar", priority = 54)]
+        public static void PolarChart_RadialBar()
+        {
+            var chart = AddChart<PolarChart>("PolarChart");
+            chart.DefaultRadialBarPolarChart();
+        }
+
+        [MenuItem("XCharts/PolarChart/Tangential Bar", priority = 54)]
+        [MenuItem("GameObject/XCharts/PolarChart/Tangential Bar", priority = 54)]
+        public static void PolarChart_TangentialBar()
+        {
+            var chart = AddChart<PolarChart>("PolarChart");
+            chart.DefaultTangentialBarPolarChart();
+        }
+
+        [MenuItem("XCharts/PolarChart/Heatmap", priority = 54)]
+        [MenuItem("GameObject/XCharts/PolarChart/Heatmap", priority = 54)]
+        public static void PolarChart_Heatmap()
+        {
+            var chart = AddChart<PolarChart>("PolarChart");
+            chart.DefaultHeatmapPolarChart();
+        }
+
+
+    }
+}

Editor/Windows/XChartsEditor.PolarChart.cs.meta

@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 4cf6923e1dcc04bb4a077d53bf7b6a0d
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 

Editor/Windows/XChartsEditor.cs

@@ -12,7 +12,7 @@ using ADB = UnityEditor.AssetDatabase;
 
 namespace XCharts.Editor
 {
-    public class XChartsEditor : UnityEditor.Editor
+    public partial class XChartsEditor : UnityEditor.Editor
     {
         private static Transform GetParent()
         {
@@ -61,13 +61,19 @@ namespace XCharts.Editor
             return name;
         }
 
-        public static T AddChart<T>(string chartName) where T : BaseChart
+        public static T AddChart<T>(string chartName, string titleName = null) where T : BaseChart
         {
             XCThemeMgr.CheckReloadTheme();
-            return AddGraph<T>(chartName);
+            var chart = AddGraph<T>(chartName);
+            if (!string.IsNullOrEmpty(titleName))
+            {
+                var title = chart.GetChartComponent<Title>();
+                title.text = titleName;
+            }
+            return chart;
         }
 
-        public static T AddGraph<T>(string graphName) where T : BaseGraph
+        public static T AddGraph<T>(string graphName) where T : Graphic
         {
             var parent = GetParent();
             if (parent == null) return null;
@@ -93,96 +99,99 @@ namespace XCharts.Editor
         [MenuItem("GameObject/XCharts/EmptyChart", priority = 43)]
         public static void AddBaseChart()
         {
-            var chart = AddChart<BaseChart>("EmptyChart");
-            chart.GetChartComponent<Title>().text = "EmptyChart";
+            AddChart<BaseChart>("EmptyChart");
         }
 
-        [MenuItem("XCharts/LineChart", priority = 44)]
-        [MenuItem("GameObject/XCharts/LineChart", priority = 44)]
-        public static void AddLineChart()
-        {
-            AddChart<LineChart>("LineChart");
-        }
-
-        [MenuItem("XCharts/BarChart", priority = 45)]
-        [MenuItem("GameObject/XCharts/BarChart", priority = 45)]
-        public static void AddBarChart()
-        {
-            AddChart<BarChart>("BarChart");
-        }
-
-        [MenuItem("XCharts/PieChart", priority = 46)]
-        [MenuItem("GameObject/XCharts/PieChart", priority = 46)]
-        public static void AddPieChart()
-        {
-            AddChart<PieChart>("PieChart");
-        }
-
-        [MenuItem("XCharts/RadarChart", priority = 47)]
-        [MenuItem("GameObject/XCharts/RadarChart", priority = 47)]
+        [MenuItem("XCharts/RadarChart/Polygon Radar", priority = 47)]
+        [MenuItem("GameObject/XCharts/RadarChart/Polygon Radar", priority = 47)]
         public static void AddRadarChart()
         {
             AddChart<RadarChart>("RadarChart");
         }
 
-        [MenuItem("XCharts/ScatterChart", priority = 48)]
-        [MenuItem("GameObject/XCharts/ScatterChart", priority = 48)]
+        [MenuItem("XCharts/RadarChart/Cirle Radar", priority = 47)]
+        [MenuItem("GameObject/XCharts/RadarChart/Cirle Radar", priority = 47)]
+        public static void AddRadarChart_CirleRadar()
+        {
+            var chart = AddChart<RadarChart>("RadarChart");
+            chart.DefaultCircleRadarChart();
+        }
+
+        [MenuItem("XCharts/ScatterChart/Scatter", priority = 48)]
+        [MenuItem("GameObject/XCharts/ScatterChart/Scatter", priority = 48)]
         public static void AddScatterChart()
         {
             AddChart<ScatterChart>("ScatterChart");
         }
 
-        [MenuItem("XCharts/HeatmapChart", priority = 49)]
-        [MenuItem("GameObject/XCharts/HeatmapChart", priority = 49)]
+        [MenuItem("XCharts/ScatterChart/Bubble", priority = 48)]
+        [MenuItem("GameObject/XCharts/ScatterChart/Bubble", priority = 48)]
+        public static void AddScatterChart_Bubble()
+        {
+            var chart = AddChart<ScatterChart>("ScatterChart");
+            chart.DefaultBubbleChart();
+        }
+
+        [MenuItem("XCharts/HeatmapChart/Heatmap", priority = 49)]
+        [MenuItem("GameObject/XCharts/HeatmapChart/Heatmap", priority = 49)]
         public static void AddHeatmapChart()
         {
             AddChart<HeatmapChart>("HeatmapChart");
         }
 
-        [MenuItem("XCharts/RingChart", priority = 51)]
-        [MenuItem("GameObject/XCharts/RingChart", priority = 51)]
+        [MenuItem("XCharts/HeatmapChart/Count Heatmap", priority = 49)]
+        [MenuItem("GameObject/XCharts/HeatmapChart/Count Heatmap", priority = 49)]
+        public static void AddHeatmapChart_Count()
+        {
+            var chart = AddChart<HeatmapChart>("HeatmapChart");
+            chart.DefaultCountHeatmapChart();
+        }
+
+        [MenuItem("XCharts/RingChart/Ring", priority = 51)]
+        [MenuItem("GameObject/XCharts/RingChart/Ring", priority = 51)]
         public static void AddRingChart()
         {
             AddChart<RingChart>("RingChart");
         }
 
-        [MenuItem("XCharts/CandlestickChart", priority = 54)]
-        [MenuItem("GameObject/XCharts/CandlestickChart", priority = 54)]
+        [MenuItem("XCharts/RingChart/Multiple Ring", priority = 51)]
+        [MenuItem("GameObject/XCharts/RingChart/Multiple Ring", priority = 51)]
+        public static void AddRingChart_MultiRing()
+        {
+            var chart = AddChart<RingChart>("RingChart");
+            chart.DefaultMultipleRingChart();
+        }
+
+        [MenuItem("XCharts/CandlestickChart/Candlestick", priority = 54)]
+        [MenuItem("GameObject/XCharts/CandlestickChart/Candlestick", priority = 54)]
         public static void CandlestickChart()
         {
             AddChart<CandlestickChart>("CandlestickChart");
         }
 
-        [MenuItem("XCharts/PolarChart", priority = 54)]
-        [MenuItem("GameObject/XCharts/PolarChart", priority = 54)]
-        public static void PolarChart()
-        {
-            AddChart<PolarChart>("PolarChart");
-        }
-
-        [MenuItem("XCharts/ParallelChart", priority = 55)]
-        [MenuItem("GameObject/XCharts/ParallelChart", priority = 55)]
+        [MenuItem("XCharts/ParallelChart/Parallel", priority = 55)]
+        [MenuItem("GameObject/XCharts/ParallelChart/Parallel", priority = 55)]
         public static void ParallelChart()
         {
             AddChart<ParallelChart>("ParallelChart");
         }
 
-        [MenuItem("XCharts/SimplifiedLineChart", priority = 56)]
-        [MenuItem("GameObject/XCharts/SimplifiedLineChart", priority = 56)]
+        [MenuItem("XCharts/SimplifiedChart/Line", priority = 56)]
+        [MenuItem("GameObject/XCharts/SimplifiedChart/Line", priority = 56)]
         public static void SimplifiedLineChart()
         {
             AddChart<SimplifiedLineChart>("SimplifiedLineChart");
         }
 
-        [MenuItem("XCharts/SimplifiedBarChart", priority = 57)]
-        [MenuItem("GameObject/XCharts/SimplifiedBarChart", priority = 57)]
+        [MenuItem("XCharts/SimplifiedChart/Bar", priority = 57)]
+        [MenuItem("GameObject/XCharts/SimplifiedChart/Bar", priority = 57)]
         public static void SimplifiedBarChart()
         {
             AddChart<SimplifiedBarChart>("SimplifiedBarChart");
         }
 
-        [MenuItem("XCharts/SimplifiedCandlestickChart", priority = 58)]
-        [MenuItem("GameObject/XCharts/SimplifiedCandlestickChart", priority = 58)]
+        [MenuItem("XCharts/SimplifiedChart/Candlestick", priority = 58)]
+        [MenuItem("GameObject/XCharts/SimplifiedChart/Candlestick", priority = 58)]
         public static void SimplifiedCandlestickChart()
         {
             AddChart<SimplifiedCandlestickChart>("SimplifiedCandlestickChart");

Examples/Example01_RandomData.cs

@@ -74,10 +74,10 @@ namespace XCharts.Example
                 var yAxis = chart.GetChartComponent<YAxis>();
                 if (xAxis != null && yAxis != null)
                 {
-                    chart.AddXAxisData((xAxis.data.Count + 1).ToString());
+                    chart.AddXAxisData((xAxis.GetAddedDataCount() + 1).ToString());
                     for (int i = 0; i < yAxis.data.Count; i++)
                     {
-                        chart.AddData(0, xAxis.data.Count - 1, i, Random.Range(10, 90));
+                        chart.AddData(0, xAxis.GetAddedDataCount() - 1, i, Random.Range(10, 90));
                     }
                 }
                 return;
@@ -89,7 +89,7 @@ namespace XCharts.Example
                 {
                     if (xAxis.type == Axis.AxisType.Category)
                     {
-                        chart.AddXAxisData("x" + (xAxis.data.Count + 1));
+                        chart.AddXAxisData("x" + (xAxis.GetAddedDataCount() + 1));
                     }
                 }
                 foreach (var serie in chart.series)
@@ -147,7 +147,7 @@ namespace XCharts.Example
                 var yAxis = chart.GetChartComponent<YAxis>(serie.yAxisIndex);
                 for (int i = 0; i < yAxis.data.Count; i++)
                 {
-                    chart.AddData(serie.index, xAxis.data.Count - 1, i, Random.Range(0, 150));
+                    chart.AddData(serie.index, xAxis.GetAddedDataCount() - 1, i, Random.Range(0, 150));
                 }
             }
             else

Examples/Example03_ChartAnimation.cs

@@ -15,6 +15,7 @@ namespace XCharts.Example
             if (chart == null)
             {
                 chart = gameObject.AddComponent<BarChart>();
+                chart.Init();
             }
             var serie = chart.GetSerie(0);
             serie.animation.enable = true;

Examples/Example05_DynamicChart.cs

@@ -42,7 +42,6 @@ namespace XCharts.Example
         {
             var chartObject = CreateChartObject(chartName);
             var chart = chartObject.AddComponent<PieChart>();
-            chart.Init();
             chart.SetSize(580, 300);
 
             chart.EnsureChartComponent<Title>().show = true;
@@ -64,7 +63,6 @@ namespace XCharts.Example
         {
             var chartObject = CreateChartObject(chartName);
             var chart = chartObject.AddComponent<PieChart>();
-            chart.Init();
             chart.SetSize(580, 300);
 
             chart.EnsureChartComponent<Title>().show = true;

Examples/Example10_LineChart.cs

@@ -40,7 +40,10 @@ namespace XCharts.Example
         IEnumerator AddSimpleLine()
         {
             chart = gameObject.GetComponent<LineChart>();
-            if (chart == null) chart = gameObject.AddComponent<LineChart>();
+            if (chart == null){
+                chart = gameObject.AddComponent<LineChart>();
+                chart.Init();
+            }
             chart.GetChartComponent<Title>().text = "LineChart - 折线图";
             chart.GetChartComponent<Title>().subText = "普通折线图";
 

Examples/Example11_AddSinCurve.cs

@@ -16,6 +16,7 @@ namespace XCharts.Example
             if (chart == null)
             {
                 chart = gameObject.AddComponent<LineChart>();
+                chart.Init();
             }
             chart.EnsureChartComponent<Title>().show = true;
             chart.EnsureChartComponent<Title>().text = "Sin Curve";

Examples/Example13_LineSimple.cs

@@ -25,12 +25,11 @@ namespace XCharts.Example
 
         void AddData()
         {
-            var chart = gameObject.GetComponent<SimplifiedLineChart>();
+            var chart = gameObject.GetComponent<LineChart>();
             if (chart == null)
             {
-                chart = gameObject.AddComponent<SimplifiedLineChart>();
+                chart = gameObject.AddComponent<LineChart>();
                 chart.Init();
-                chart.SetSize(580, 300);
             }
             chart.EnsureChartComponent<Title>().show = true;
             chart.EnsureChartComponent<Title>().text = "Line Simple";
@@ -49,9 +48,9 @@ namespace XCharts.Example
             xAxis.boundaryGap = true;
 
             chart.RemoveData();
-            chart.AddSerie<SimplifiedLine>();
-            chart.AddSerie<SimplifiedLine>();
-            for (int i = 0; i < 200; i++)
+            chart.AddSerie<Line>();
+            chart.AddSerie<Line>();
+            for (int i = 0; i < 20; i++)
             {
                 chart.AddXAxisData("x" + i);
                 chart.AddData(0, Random.Range(10, 20));

Examples/Example20_BarChart.cs

@@ -38,7 +38,11 @@ namespace XCharts.Example
         IEnumerator AddSimpleBar()
         {
             chart = gameObject.GetComponent<BarChart>();
-            if (chart == null) chart = gameObject.AddComponent<BarChart>();
+            if (chart == null)
+            {
+                chart = gameObject.AddComponent<BarChart>();
+                chart.Init();
+            }
             chart.EnsureChartComponent<Title>().text = "BarChart - 柱状图";
             chart.EnsureChartComponent<Title>().subText = "普通柱状图";
 

Examples/Example30_PieChart.cs

@@ -38,7 +38,11 @@ namespace XCharts.Example
         IEnumerator PieAdd()
         {
             chart = gameObject.GetComponent<PieChart>();
-            if (chart == null) chart = gameObject.AddComponent<PieChart>();
+            if (chart == null)
+            {
+                chart = gameObject.AddComponent<PieChart>();
+                chart.Init();
+            }
             yield return null;
             chart.GetChartComponent<Title>().text = "PieChart - 饼图";
             chart.GetChartComponent<Title>().subText = "基础饼图";

Examples/Example31_PieUpdateName.cs

@@ -17,6 +17,7 @@ namespace XCharts.Example
             if (chart == null)
             {
                 chart = gameObject.AddComponent<PieChart>();
+                chart.Init();
             }
             var serieIndex = 0;
             var serie = chart.GetSerie(serieIndex);

Examples/Example40_Radar.cs

@@ -40,7 +40,11 @@ namespace XCharts.Example
         IEnumerator RadarAdd()
         {
             chart = gameObject.GetComponent<RadarChart>();
-            if (chart == null) chart = gameObject.AddComponent<RadarChart>();
+            if (chart == null)
+            {
+                chart = gameObject.AddComponent<RadarChart>();
+                chart.Init();
+            }
 
             chart.RemoveChartComponents<RadarCoord>();
             chart.RemoveData();

Examples/Example41_RadarUpdate.cs

@@ -19,6 +19,7 @@ namespace XCharts.Example
             if (chart == null)
             {
                 chart = gameObject.AddComponent<RadarChart>();
+                chart.Init();
             }
         }
 

Examples/Example60_Heatmap.cs

@@ -16,6 +16,7 @@ namespace XCharts.Example
             if (chart == null)
             {
                 chart = gameObject.AddComponent<HeatmapChart>();
+                chart.Init();
             }
             chart.GetChartComponent<Title>().text = "HeatmapChart";
             chart.GetChartComponent<Tooltip>().type = Tooltip.Type.None;

Examples/Example80_Polar.cs

@@ -18,6 +18,7 @@ namespace XCharts.Example
             if (chart == null)
             {
                 chart = gameObject.AddComponent<BaseChart>();
+                chart.Init();
             }
             chart.EnsureChartComponent<PolarCoord>();
         }

Examples/Example90_Candlestick.cs

@@ -19,6 +19,7 @@ namespace XCharts.Example
             if (chart == null)
             {
                 chart = gameObject.AddComponent<CandlestickChart>();
+                chart.Init();
             }
             AddData();
         }

README.md

@@ -45,26 +45,26 @@
 
 ![XCharts](Documentation~/zh/img/xcharts.png)
 
-一款基于`UGUI`的功能强大、简单易用的数据可视化图表插件。支持`折线图`、`柱状图`、`饼图`、`雷达图`、`散点图`、`热力图`、`环形图`、`K线图`、`极坐标`、`平行坐标`等十多种内置图表，以及`3D饼图`、`3D柱图`、`3D金字塔`、`漏斗图`、`仪表盘`、`水位图`、`象形柱图`、`甘特图`、`矩形树图`等扩展图表。
+一款基于`UGUI`的功能强大、简单易用的数据可视化图表插件。支持`折线图`、`柱状图`、`饼图`、`雷达图`、`散点图`、`热力图`、`环形图`、`K线图`、`极坐标`、`平行坐标`等十多种内置图表，以及`3D饼图`、`3D柱图`、`3D金字塔`、`漏斗图`、`仪表盘`、`水位图`、`象形柱图`、`甘特图`、`矩形树图`、`桑基图`等多种扩展图表。
 
 [XCharts 官方主页](https://xcharts-team.github.io)  
 [XCharts 在线示例](https://xcharts-team.github.io/examples)  
 
 [XCharts 教程：5分钟上手 XCharts](Documentation~/zh/tutorial01.md)  
 [XCharts API文档](Documentation~/zh/api.md)  
-[XCharts 问答](Documentation~/zh/faq.md)  
+[XCharts 常见问题](Documentation~/zh/faq.md)  
 [XCharts 配置项手册](Documentation~/zh/configuration.md)  
 [XCharts 更新日志](Documentation~/zh/changelog.md)  
 [XCharts 订阅服务](Documentation~/zh/support.md)  
 
 ## 特性
 
-- __纯代码绘制__：图表完全纯代码绘制，无需额外的贴图和Shader资源。
-- __可视化配置__：参数可视化配置，效果实时预览，也支持运行时代码动态修改配置和数据。
+- __纯代码绘制__：图表纯代码绘制，无需额外的贴图和Shader资源。
+- __可视化配置__：参数可视化配置，效果实时预览，支持运行时代码动态修改配置和数据。
 - __高自由定制__：支持从主题和配置参数上任意调整；支持代码自定义绘制，自定义回调以及自定义实现图表。
 - __多内置图表__：支持线图、柱状图、饼图、雷达图、散点图、热力图、环形图、K线图、极坐标、平行坐标等多种内置图表。
-- __多扩展图表__：支持3D柱图、3D饼图、漏斗图、金字塔、仪表盘、水位图、象形柱图、甘特图、矩形树图等多种扩展图表。
-- __多扩展组件__：支持表格、统计数值等扩展UI组件。
+- __多扩展图表__：支持3D柱图、3D饼图、漏斗图、金字塔、仪表盘、水位图、象形柱图、甘特图、矩形树图、桑基图等多种扩展图表。
+- __多扩展组件__：支持表格、统计数值等多种扩展UI组件。
 - __多图表组合__：支持内置图表的任意组合，同一图中可同时显示多个相同或不同类型的图表。
 - __多种坐标系__：支持直角坐标系、极坐标系、单轴等多种坐标系。
 - __丰富的组件__：支持标题、图例、提示框、标线、标域、数据区域缩放、视觉映射等常用组件。
@@ -85,58 +85,54 @@
 
 ![扩展图表](Documentation~/zh/img/readme_extendchart.png)
 
+## 仓库
+
+| 相关仓库 | 仓库介绍 |
+| -- | --|
+| [XCharts](https://github.com/XCharts-Team/XCharts) | XCharts核心功能，完全免费。 |
+| [XCharts-Daemon](https://github.com/XCharts-Team/XCharts-Daemon) |  XCharts的守护程序，用于确保XCharts更新时的编译正常。非必须，但建议使用。 |
+| [XCharts-Demo](https://github.com/XCharts-Team/XCharts-Demo) |  XCharts的官方示例，不包含扩展图表部分。订阅VIP的用户购买扩展图表后，可加入对应图表的示例。 |
+| [XCharts-Pro](https://github.com/XCharts-Team/XCharts-Pro) |  XCharts完全版，包含所有扩展图表和扩展组件。订阅SVIP后可访问使用。 |
+| [XCharts-Pro-Demo](https://github.com/XCharts-Team/XCharts-Pro-Demo) |  XCharts完全版官方示例，包含所有扩展图表和扩展组件的示例。订阅SVIP后可访问使用。 |
+| [XCharts-UI](https://github.com/XCharts-Team/XCharts-UI) |  XCharts的扩展UI组件。订阅VIP后可访问使用。 |
+| [XCharts-Bar3DChart](https://github.com/XCharts-Team/XCharts-Bar3DChart) |  XCharts扩展图表：3D柱图。订阅购买后可访问使用。 |
+| [XCharts-FunnelChart](https://github.com/XCharts-Team/XCharts-FunnelChart) |  XCharts扩展图表：漏斗图。订阅购买后可访问使用。 |
+| [XCharts-GanttChart](https://github.com/XCharts-Team/XCharts-GanttChart) |  XCharts扩展图表：甘特图。订阅购买后可访问使用。 |
+| [XCharts-GaugeChart](https://github.com/XCharts-Team/XCharts-GaugeChart) |  XCharts扩展图表：仪表盘。订阅购买后可访问使用。 |
+| [XCharts-LiquidChart](https://github.com/XCharts-Team/XCharts-LiquidChart) |  XCharts扩展图表：水位图。订阅购买后可访问使用。 |
+| [XCharts-PictorialBarChart](https://github.com/XCharts-Team/XCharts-PictorialBarChart) |  XCharts扩展图表：象形住图。订阅购买后可访问使用。 |
+| [XCharts-Pie3DChart](https://github.com/XCharts-Team/XCharts-Pie3DChart) |  XCharts扩展图表：3D饼图。订阅购买后可访问使用。 |
+| [XCharts-PyramidChart](https://github.com/XCharts-Team/XCharts-PyramidChart) |  XCharts扩展图表：3D金字塔。订阅购买后可访问使用。 |
+| [XCharts-TreemapChart](https://github.com/XCharts-Team/XCharts-TreemapChart) |  XCharts扩展图表：矩形树图。订阅购买后可访问使用。 |
+| [XCharts-SankeyChart](https://github.com/XCharts-Team/XCharts-SankeyChart) |  XCharts扩展图表：桑基图。订阅购买后可访问使用。 |
+
+## 分支
+
+| 分支 | 分支介绍 |
+|--|--|
+| [master](https://github.com/XCharts-Team/XCharts/tree/master) | XCharts3.0的开发分支。最新的修改和功能都先提交到`master`分支，稳定后后再从`master`分支`merge`到`3.0`分支，并发布`release`版本。|
+| [3.0](https://github.com/XCharts-Team/XCharts/tree/3.0) | XCharts3.0的稳定分支。一般一个月一发布，`master`分支稳定后，`merge`到`3.0`分支，并发布`release`版本。|
+| [2.0](https://github.com/XCharts-Team/XCharts/tree/2.0) | XCharts2.0的稳定分支。带Demo，目前基本不再维护，仅修改严重bug。|
+| [2.0-upm](https://github.com/XCharts-Team/XCharts/tree/2.0-upm) | XCharts2.0的稳定UMP分支。不带Demo，只包含Package部分，不再维护。|
+| [1.0](https://github.com/XCharts-Team/XCharts/tree/1.0) | XCharts1.0的稳定分支。带Demo，不再维护。|
+| [1.0-upm](https://github.com/XCharts-Team/XCharts/tree/1.0-upm) | XCharts1.0的稳定UMP分支。不带Demo，不再维护。|
+
 ## 注意
 
 - `XCharts3.0` 不完全兼容 `XCharts2.0` 版本，升级`3.0`时，部分代码和配置可能需要重新调整。建议旧项目可以继续使用`XCharts2.0`，新项目推荐使用`XCharts3.0`。
 - `XCharts2.0` 进入维护阶段，后续只修复严重`bug`，原则上不再加新功能。
-- `XCharts` 理论上支持`Unity 5.6`及以上版本，但由于版本测试有限难免疏漏，发现版本兼容问题可提`Issue`。
+- `XCharts` 理论上支持`Unity 5.6`及以上版本，但由于版本测试有限难免疏漏，发现问题可提`Issue`。
 - 本仓库只包含`XCharts`源码，不包含`Demo`示例部分。需要查看`Demo`示例源码请到[XCharts-Demo](https://github.com/XCharts-Team/XCharts-Demo)仓库。也可以在浏览器查看`WebGL`下的运行效果 [在线Demo](https://xcharts-team.github.io/examples/) 。
 
-## 仓库
-
-- [XCharts](https://github.com/XCharts-Team/XCharts)：XCharts核心功能，完全免费。
-- [XCharts-Daemon](https://github.com/XCharts-Team/XCharts-Daemon)：XCharts的守护程序，用于确保XCharts更新时的编译正常。非必须，但建议使用。
-- [XCharts-Demo](https://github.com/XCharts-Team/XCharts-Demo)：XCharts的官方示例，不包含扩展图表部分。订阅VIP的用户购买扩展图表后，可加入对应图表的示例。
-- [XCharts-Pro](https://github.com/XCharts-Team/XCharts-Pro)：XCharts完全版，包含所有扩展图表和扩展组件。订阅SVIP可访问。
-- [XCharts-Pro-Demo](https://github.com/XCharts-Team/XCharts-Pro-Demo)：XCharts完全版官方示例，包含所有扩展图表和扩展组件的示例。订阅SVIP可访问。
-- [XCharts-UI](https://github.com/XCharts-Team/XCharts-UI)：XCharts的扩展UI组件。订阅VIP可访问。
-- [XCharts-Bar3DChart](https://github.com/XCharts-Team/XCharts-Bar3DChart)：XCharts扩展图表：3D柱图。订阅VIP后可单独购买。
-- [XCharts-FunnelChart](https://github.com/XCharts-Team/XCharts-FunnelChart)：XCharts扩展图表：漏斗图。订阅VIP后可单独购买。
-- [XCharts-GanttChart](https://github.com/XCharts-Team/XCharts-GanttChart)：XCharts扩展图表：甘特图。订阅VIP后可单独购买。
-- [XCharts-GaugeChart](https://github.com/XCharts-Team/XCharts-GaugeChart)：XCharts扩展图表：仪表盘。订阅VIP后可单独购买。
-- [XCharts-LiquidChart](https://github.com/XCharts-Team/XCharts-LiquidChart)：XCharts扩展图表：水位图。订阅VIP后可单独购买。
-- [XCharts-PictorialBarChart](https://github.com/XCharts-Team/XCharts-PictorialBarChart)：XCharts扩展图表：象形住图。订阅VIP后可单独购买。
-- [XCharts-Pie3DChart](https://github.com/XCharts-Team/XCharts-Pie3DChart)：XCharts扩展图表：3D饼图。订阅VIP后可单独购买。
-- [XCharts-PyramidChart](https://github.com/XCharts-Team/XCharts-PyramidChart)：XCharts扩展图表：3D金字塔。订阅VIP后可单独购买。
-- [XCharts-TreemapChart](https://github.com/XCharts-Team/XCharts-TreemapChart)：XCharts扩展图表：矩形树图。订阅VIP后可单独购买。
-- [XCharts-Bar3DChart-Demo](https://github.com/XCharts-Team/XCharts-Bar3DChart-Demo)：3D柱图的示例。订阅VIP可访问，可导入XCharts-Demo使用。
-- [XCharts-FunnelChart-Demo](https://github.com/XCharts-Team/XCharts-FunnelChart-Demo)：漏斗图的示例。订阅VIP可访问，可导入XCharts-Demo使用。
-- [XCharts-GanttChart-Demo](https://github.com/XCharts-Team/XCharts-GanttChart-Demo)：甘特图的示例。订阅VIP可访问，可导入XCharts-Demo使用。
-- [XCharts-GaugeChart-Demo](https://github.com/XCharts-Team/XCharts-GaugeChart-Demo)：仪表盘的示例。订阅VIP可访问，可导入XCharts-Demo使用。
-- [XCharts-LiquidChart-Demo](https://github.com/XCharts-Team/XCharts-LiquidChart-Demo)：水位图的示例。订阅VIP可访问，可导入XCharts-Demo使用。
-- [XCharts-PictorialBarChart-Demo](https://github.com/XCharts-Team/XCharts-PictorialBarChart-Demo)：象形住图的示例。订阅VIP可访问，可导入XCharts-Demo使用。
-- [XCharts-Pie3DChart-Demo](https://github.com/XCharts-Team/XCharts-Pie3DChart-Demo)：3D饼图的示例。订阅VIP可访问，可导入XCharts-Demo使用。
-- [XCharts-PyramidChart-Demo](https://github.com/XCharts-Team/XCharts-PyramidChart-Demo)：3D金字塔的示例。订阅VIP可访问，可导入XCharts-Demo使用。
-- [XCharts-TreemapChart-Demo](https://github.com/XCharts-Team/XCharts-TreemapChart-Demo)：矩形树图的示例。订阅VIP可访问，可导入XCharts-Demo使用。
-
 ## 使用
 
-- 导入`XCharts`的`unitypackage`或者源码到项目。建议也导入`XCharts`守护程序[XCharts-Daemon](https://github.com/XCharts-Team/XCharts-Daemon)。
+- 导入`XCharts`的`unitypackage`或者源码到项目。建议也导入`XCharts`守护程序 [XCharts-Daemon](https://github.com/XCharts-Team/XCharts-Daemon)。
 - 在`Hierarchy`视图下右键选择`XCharts->LineChart`，即可创建一个默认的折线图。
 - 用`Inspector`视图下的`Add Serie`和`Add Main Component`按钮可以添加`Serie`和`组件`。
-- 在`Inspector`视图可以调整各个组件的参数，`Game`视图可看到实时效果。
-- 更多细节，请看[【XCharts教程：5分钟上手教程】](Documentation~/zh/tutorial01.md)
+- 在`Inspector`视图下可以调整各个组件的参数，`Game`视图可看到实时效果。
+- 更多细节，请看[【XCharts教程：5分钟上手教程】](Documentation~/zh/tutorial01.md)。
 - 首次使用，建议先认真看一遍教程。
 
-## 分支
-
-- `master`：开发分支。最新的修改和新功能都先提交到`master`分支，一段时间后再从`master`分支`merge`到`3.0`分支，并发布`release`版本。
-- `3.0`：XCharts 3.0的稳定分支。一般一个月一更新，从`master`分支`merge`最新改动过来，并发布`release`版本。
-- `2.0`：XCharts 2.0的稳定分支。带Demo，目前基本不再维护，仅修改严重bug。
-- `2.0-upm`：XCharts 2.0的稳定UMP分支。不带Demo，只包含Package部分，专门给UMP用，不再维护。
-- `1.0`：XCharts 1.0的稳定分支。带Demo，不再维护。
-- `1.0-upm`：XCharts 1.0的稳定UMP分支。不带Demo，不再维护。
-
 ## FAQ
 
 - `XCharts`可以免费使用吗？  
@@ -152,25 +148,25 @@
    答：`XCharts`是基于`UGUI`实现的，所以`UGUI`中碰到的问题，在`XCharts`中也会存在。比如锯齿问题，比如`Mesh`顶点数超`65535`的问题。这两个问题的解决可参考[问答16](Documentation~/zh/faq.md)和[问答27](Documentation~/zh/faq.md)。  
    由于`Mesh`的`65535`顶点数的限制，目前`XCharts`的单条`Line`支持约`2万`的数据量，当然开启采样可以支持更多数据的绘制，但同时也会更消耗CPU。
 
-## Licenses
-
-- [MIT License](https://github.com/XCharts-Team/XCharts/blob/master/LICENSE.md)
-- 可免费商用，可二次开发
-- 扩展图表和高级功能部分需单独购买授权
-
 ## 日志
 
 - [更新日志](Documentation~/zh/changelog.md)  
 
+## Licenses
+
+- [MIT License](https://github.com/XCharts-Team/XCharts/blob/master/LICENSE.md)
+- 可免费商用，可二次开发。
+- 扩展图表和高级功能部分需购买使用授权。
+
 ## 订阅
 
 - `XCharts`核心库是开源的，可免费使用的。在此基础上，我们也提供多种订阅服务以满足不同用户的需求，订阅详情[☞ 请看这里](Documentation~/zh/support.md)。
 - 订阅不是必须的，不影响`XCharts`的核心功能使用。
-- 订阅是按年付费，订阅到期后，不要求必须续订，但中断订阅期间无法享受技术支持等服务。如需继续服务，可从当日起续订即可。
+- 订阅是按年付费，订阅到期后，不要求必须续订，但中断订阅期间无法享受技术更新和支持等服务。
 
 ## 其他
 
 - 邮箱：`monitor1394@gmail.com`  
 - QQ群：XCharts交流群（`202030963`）  
 - VIP群：XCharts VIP群（`867291970`）  
-- 捐助、合作、订阅和技术支持：[☞ 看这里](Documentation~/zh/support.md)
+- 捐助、合作、订阅和技术支持：[☞ 请看这里](Documentation~/zh/support.md)

Runtime/Chart/BarChart.cs

@@ -2,6 +2,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// Bar chart shows different data through the height of a bar, which is used in rectangular coordinate with at least 1 category axis.
+    /// || 柱状图（或称条形图）是一种通过柱形的高度（横向的情况下则是宽度）来表现数据大小的一种常用图表类型。
+    /// </summary>
     [AddComponentMenu("XCharts/BarChart", 14)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]
@@ -22,5 +26,153 @@ namespace XCharts.Runtime
                 AddXAxisData("x" + (i + 1));
             }
         }
+
+        /// <summary>
+        /// default zebra column chart.
+        /// || 斑马柱状图。
+        /// </summary>
+        public void DefaultZebraColumnChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            if (serie == null) return;
+            serie.barType = BarType.Zebra;
+        }
+
+        /// <summary>
+        /// default capsule column chart.
+        /// || 胶囊柱状图。
+        /// </summary>
+        public void DefaultCapsuleColumnChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            if (serie == null) return;
+            serie.barType = BarType.Capsule;
+        }
+
+        /// <summary>
+        /// default grouped column chart.
+        /// || 默认分组柱状图。
+        /// </summary>
+        public void DefaultGroupedColumnChart()
+        {
+            CheckChartInit();
+            Bar.AddDefaultSerie(this, GenerateDefaultSerieName());
+        }
+
+        /// <summary>
+        /// default stacked column chart.
+        /// || 默认堆叠分组柱状图。
+        /// </summary>
+        public void DefaultStackedColumnChart()
+        {
+            CheckChartInit();
+            var serie1 = GetSerie(0);
+            serie1.stack = "stack1";
+            var serie2 = Bar.AddDefaultSerie(this, GenerateDefaultSerieName());
+            serie2.stack = "stack1";
+        }
+
+        /// <summary>
+        /// default percent column chart.
+        /// || 默认百分比柱状图。
+        /// </summary>
+        public void DefaultPercentColumnChart()
+        {
+            CheckChartInit();
+            var serie1 = GetSerie(0);
+            serie1.stack = "stack1";
+            serie1.barPercentStack = true;
+            var serie2 = Bar.AddDefaultSerie(this, GenerateDefaultSerieName());
+            serie2.stack = "stack1";
+            serie2.barPercentStack = true;
+        }
+
+        /// <summary>
+        /// default bar chart.
+        /// || 默认条形图。
+        /// </summary>
+        public void DefaultBarChart()
+        {
+            CheckChartInit();
+            CovertColumnToBar(this);
+        }
+
+        /// <summary>
+        /// default zebra bar chart.
+        /// || 默认斑马条形图。 
+        /// </summary>
+        public void DefaultZebraBarChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            serie.barType = BarType.Zebra;
+            CovertColumnToBar(this);
+        }
+
+        /// <summary>
+        /// default capsule bar chart.
+        /// || 默认胶囊条形图。
+        /// </summary>
+        public void DefaultCapsuleBarChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            serie.barType = BarType.Capsule;
+            CovertColumnToBar(this);
+        }
+
+        /// <summary>
+        /// default grouped bar chart.
+        /// || 默认分组条形图。
+        /// </summary>
+        public void DefaultGroupedBarChart()
+        {
+            CheckChartInit();
+            Bar.AddDefaultSerie(this, GenerateDefaultSerieName());
+            CovertColumnToBar(this);
+        }
+
+        /// <summary>
+        /// default stacked bar chart.
+        /// || 默认堆叠条形图。
+        /// </summary>
+        public void DefaultStackedBarChart()
+        {
+            CheckChartInit();
+            var serie1 = GetSerie(0);
+            serie1.stack = "stack1";
+            var serie2 = Bar.AddDefaultSerie(this, GenerateDefaultSerieName());
+            serie2.stack = "stack1";
+            CovertColumnToBar(this);
+        }
+
+        /// <summary>
+        /// default percent bar chart.
+        /// || 默认百分比条形图。
+        /// </summary>
+        public void DefaultPercentBarChart()
+        {
+            CheckChartInit();
+            var serie1 = GetSerie(0);
+            serie1.stack = "stack1";
+            serie1.barPercentStack = true;
+            var serie2 = Bar.AddDefaultSerie(this, GenerateDefaultSerieName());
+            serie2.stack = "stack1";
+            serie2.barPercentStack = true;
+            CovertColumnToBar(this);
+        }
+
+        private static void CovertColumnToBar(BarChart chart)
+        {
+            chart.ConvertXYAxis(0);
+            var xAxis = chart.GetChartComponent<XAxis>();
+            xAxis.axisLine.show = false;
+            xAxis.axisTick.show = false;
+
+            var yAxis = chart.GetChartComponent<YAxis>();
+            yAxis.axisTick.alignWithLabel = true;
+        }
     }
 }

Runtime/Chart/CandlestickChart.cs

@@ -2,6 +2,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// A candlestick chart is a style of financial chart used to describe price movements of a security, derivative, or currency.
+    /// || 蜡烛图，也叫K线图，用于描述证券、衍生品或货币的价格走势的一种金融图表样式。
+    /// </summary>
     [AddComponentMenu("XCharts/CandlestickChart", 23)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]

Runtime/Chart/HeatmapChart.cs

@@ -3,6 +3,12 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// Heat map mainly use colors to represent values, which must be used along with visualMap component.
+    /// It can be used in either rectangular coordinate or geographic coordinate. But the behaviour on them are quite different. Rectangular coordinate must have two categories to use it.
+    /// ||热力图主要通过颜色去表现数值的大小，必须要配合 visualMap 组件使用。
+    /// 可以应用在直角坐标系以及地理坐标系上，这两个坐标系上的表现形式相差很大，直角坐标系上必须要使用两个类目轴。
+    /// </summary>
     [AddComponentMenu("XCharts/HeatmapChart", 18)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]
@@ -13,23 +19,26 @@ namespace XCharts.Runtime
         protected override void DefaultChart()
         {
             var grid = EnsureChartComponent<GridCoord>();
+            grid.UpdateRuntimeData(this);
             grid.left = 0.12f;
 
+            var heatmapGridWid = 18f;
+            int xSplitNumber = (int)(grid.context.width / heatmapGridWid);
+            int ySplitNumber = (int)(grid.context.height / heatmapGridWid);
+
             var xAxis = EnsureChartComponent<XAxis>();
             xAxis.type = Axis.AxisType.Category;
+            xAxis.splitLine.show = false;
             xAxis.boundaryGap = true;
-            xAxis.splitNumber = 10;
+            xAxis.splitNumber = xSplitNumber / 2;
 
             var yAxis = EnsureChartComponent<YAxis>();
             yAxis.type = Axis.AxisType.Category;
+            yAxis.splitLine.show = false;
             yAxis.boundaryGap = true;
-            yAxis.splitNumber = 10;
+            yAxis.splitNumber = ySplitNumber;
             RemoveData();
 
-            var heatmapGridWid = 10f;
-            int xSplitNumber = (int) (grid.context.width / heatmapGridWid);
-            int ySplitNumber = (int) (grid.context.height / heatmapGridWid);
-
             Heatmap.AddDefaultSerie(this, GenerateDefaultSerieName());
 
             var visualMap = EnsureChartComponent<VisualMap>();
@@ -72,5 +81,32 @@ namespace XCharts.Runtime
                 }
             }
         }
+
+        /// <summary>
+        /// default count heatmap chart.
+        /// || 默认计数热力图。
+        /// </summary>
+        public void DefaultCountHeatmapChart()
+        {
+            CheckChartInit();
+
+            var serie = GetSerie<Heatmap>(0);
+            serie.heatmapType = HeatmapType.Count;
+            var xAxis = GetChartComponent<XAxis>();
+            xAxis.type = Axis.AxisType.Value;
+            xAxis.splitNumber = 4;
+
+            var yAxis = GetChartComponent<YAxis>();
+            yAxis.type = Axis.AxisType.Value;
+            yAxis.splitNumber = 2;
+
+            serie.ClearData();
+            for (int i = 0; i < 100; i++)
+            {
+                var x = UnityEngine.Random.Range(0, 100);
+                var y = UnityEngine.Random.Range(0, 100);
+                AddData(0, x, y);
+            }
+        }
     }
 }

Runtime/Chart/LineChart.cs

@@ -2,6 +2,12 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// Line chart relates all the data points symbol by broken lines, which is used to show the trend of data changing. 
+    /// It could be used in both rectangular coordinate andpolar coordinate.
+    /// ||折线图是用折线将各个数据点标志连接起来的图表，用于展现数据的变化趋势。可用于直角坐标系和极坐标系上。
+    /// 设置 areaStyle 后可以绘制面积图。
+    /// </summary>
     [AddComponentMenu("XCharts/LineChart", 13)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]
@@ -22,5 +28,119 @@ namespace XCharts.Runtime
                 AddXAxisData("x" + (i + 1));
             }
         }
+
+        /// <summary>
+        /// default area line chart.
+        /// || 默认面积折线图。
+        /// </summary>
+        public void DefaultAreaLineChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            if (serie == null) return;
+            serie.EnsureComponent<AreaStyle>();
+        }
+
+        /// <summary>
+        /// default smooth line chart.
+        /// || 默认平滑折线图。
+        /// </summary>
+        public void DefaultSmoothLineChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            if (serie == null) return;
+            serie.lineType = LineType.Smooth;
+        }
+
+        /// <summary>
+        /// default smooth area line chart.
+        /// || 默认平滑面积折线图。
+        /// </summary>
+        public void DefaultSmoothAreaLineChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            if (serie == null) return;
+            serie.EnsureComponent<AreaStyle>();
+            serie.lineType = LineType.Smooth;
+        }
+
+        /// <summary>
+        /// default stack line chart.
+        /// || 默认堆叠折线图。
+        /// </summary>
+        public void DefaultStackLineChart()
+        {
+            CheckChartInit();
+            var serie1 = GetSerie(0);
+            if (serie1 == null) return;
+            serie1.stack = "stack1";
+            var serie2 = Line.AddDefaultSerie(this, GenerateDefaultSerieName());
+            serie2.stack = "stack1";
+        }
+
+        /// <summary>
+        /// default stack area line chart.
+        /// || 默认堆叠面积折线图。
+        /// </summary>
+        public void DefaultStackAreaLineChart()
+        {
+            CheckChartInit();
+            var serie1 = GetSerie(0);
+            if (serie1 == null) return;
+            serie1.EnsureComponent<AreaStyle>();
+            serie1.stack = "stack1";
+            var serie2 = Line.AddDefaultSerie(this, GenerateDefaultSerieName());
+            serie2.EnsureComponent<AreaStyle>();
+            serie2.stack = "stack1";
+        }
+
+        /// <summary>
+        /// default step line chart.
+        /// || 默认阶梯折线图。
+        /// </summary>
+        public void DefaultStepLineChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            if (serie == null) return;
+            serie.lineType = LineType.StepMiddle;
+        }
+
+        /// <summary>
+        /// default dash line chart.
+        /// || 默认虚线折线图。
+        /// </summary>
+        public void DefaultDashLineChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            if (serie == null) return;
+            serie.lineType = LineType.Normal;
+            serie.lineStyle.type = LineStyle.Type.Dashed;
+        }
+
+        /// <summary>
+        /// default time line chart.
+        /// || 默认时间折线图。
+        /// </summary>
+        public void DefaultTimeLineChart()
+        {
+            CheckChartInit();
+            var xAxis = GetChartComponent<XAxis>();
+            xAxis.type = Axis.AxisType.Time;
+        }
+
+        /// <summary>
+        /// default logarithmic line chart.
+        /// || 默认对数轴折线图。
+        /// </summary>
+        public void DefaultLogLineChart()
+        {
+            CheckChartInit();
+            var yAxis = GetChartComponent<YAxis>();
+            yAxis.type = Axis.AxisType.Log;
+        }
     }
 }

Runtime/Chart/ParallelChart.cs

@@ -3,6 +3,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// Parallel Coordinates is a common way of visualizing high-dimensional geometry and analyzing multivariate data.
+    /// || 平行坐标系，通过绘制垂直于坐标轴的平行线来显示数据的一种可视化图表。
+    /// </summary>
     [AddComponentMenu("XCharts/ParallelChart", 25)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]

Runtime/Chart/PieChart.cs

@@ -2,6 +2,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// The pie chart is mainly used for showing proportion of different categories. Each arc length represents the proportion of data quantity.    
+    /// || 饼图主要用于显示不同类目占比的情况，通过弧长来反映数据的大小占比。     
+    /// </summary>
     [AddComponentMenu("XCharts/PieChart", 15)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]
@@ -17,5 +21,69 @@ namespace XCharts.Runtime
             RemoveData();
             Pie.AddDefaultSerie(this, GenerateDefaultSerieName());
         }
+
+        /// <summary>
+        /// default label pie chart.
+        /// || 默认带标签饼图。
+        /// </summary>
+        public void DefaultLabelPieChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            serie.EnsureComponent<LabelStyle>();
+            serie.EnsureComponent<LabelLine>();
+        }
+
+        /// <summary>
+        /// default donut pie chart.
+        /// || 默认甜甜圈饼图。
+        /// </summary>
+        public void DefaultDonutPieChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            serie.radius[0] = 0.20f;
+            serie.radius[1] = 0.28f;
+        }
+
+        /// <summary>
+        /// default label donut pie chart.
+        /// || 默认带标签甜甜圈饼图。
+        /// </summary>
+        public void DefaultLabelDonutPieChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            serie.radius[0] = 0.20f;
+            serie.radius[1] = 0.28f;
+            serie.EnsureComponent<LabelStyle>();
+            serie.EnsureComponent<LabelLine>();
+        }
+
+        /// <summary>
+        /// default rose pie chart.
+        /// || 默认玫瑰饼图。
+        /// </summary>
+        public void DefaultRadiusRosePieChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            serie.pieRoseType = RoseType.Radius;
+            serie.EnsureComponent<LabelStyle>();
+            serie.EnsureComponent<LabelLine>();
+        }
+
+        /// <summary>
+        /// default area rose pie chart.
+        /// || 默认面积玫瑰饼图。
+        /// </summary>
+        public void DefaultAreaRosePieChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            serie.pieRoseType = RoseType.Area;
+            serie.EnsureComponent<LabelStyle>();
+            serie.EnsureComponent<LabelLine>();
+        }
     }
 }

Runtime/Chart/PolarChart.cs

@@ -1,7 +1,12 @@
 using UnityEngine;
+using System.Collections.Generic;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// Polar coordinates are usually used in a circular layout.
+    /// || 极坐标系，可以用于散点图和折线图。
+    /// </summary>
     [AddComponentMenu("XCharts/PolarChart", 23)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]
@@ -13,7 +18,8 @@ namespace XCharts.Runtime
         {
             EnsureChartComponent<PolarCoord>();
             EnsureChartComponent<AngleAxis>();
-            EnsureChartComponent<RadiusAxis>();
+            var radiusAxis = EnsureChartComponent<RadiusAxis>();
+            radiusAxis.axisLabel.show = false;
 
             var tooltip = EnsureChartComponent<Tooltip>();
             tooltip.type = Tooltip.Type.Corss;
@@ -23,6 +29,7 @@ namespace XCharts.Runtime
             var serie = Line.AddDefaultSerie(this, GenerateDefaultSerieName());
             serie.SetCoord<PolarCoord>();
             serie.ClearData();
+            serie.symbol.show = false;
             for (int i = 0; i <= 360; i++)
             {
                 var t = i / 180f * Mathf.PI;
@@ -30,5 +37,132 @@ namespace XCharts.Runtime
                 AddData(0, Mathf.Abs(r), i);
             }
         }
+
+        /// <summary>
+        /// default radial bar polar chart.
+        /// || 默认径向柱状极坐标图。
+        /// </summary>
+        public void DefaultRadialBarPolarChart()
+        {
+            CheckChartInit();
+            RemoveData();
+
+            var polarCoord = GetChartComponent<PolarCoord>();
+            polarCoord.radius[0] = 20;
+
+            var categorys = new string[] { "a", "b", "c", "d" };
+            var radiusAxis = GetChartComponent<RadiusAxis>();
+            radiusAxis.splitNumber = 4;
+
+            var angleAxis = GetChartComponent<AngleAxis>();
+            angleAxis.type = Axis.AxisType.Category;
+            angleAxis.startAngle = 75;
+            angleAxis.boundaryGap = true;
+            angleAxis.splitLine.show = false;
+
+            foreach (var category in categorys)
+                angleAxis.AddData(category);
+
+            var serie = AddSerie<Bar>(GenerateDefaultSerieName());
+            serie.SetCoord<PolarCoord>();
+            serie.ClearData();
+            serie.symbol.show = false;
+            for (int i = 0; i < categorys.Length; i++)
+            {
+                var x = UnityEngine.Random.Range(0f, 4f);
+                var y = i;
+                AddData(0, x, y, categorys[i]);
+            }
+        }
+
+        /// <summary>
+        /// default tangential bar polar chart.
+        /// || 默认切向柱状极坐标图。
+        /// </summary>
+        public void DefaultTangentialBarPolarChart()
+        {
+            CheckChartInit();
+            RemoveData();
+
+            var polarCoord = GetChartComponent<PolarCoord>();
+            polarCoord.radius[0] = 20;
+
+            var categorys = new string[] { "a", "b", "c", "d" };
+            var radiusAxis = GetChartComponent<RadiusAxis>();
+            radiusAxis.type = Axis.AxisType.Category;
+            radiusAxis.splitNumber = 4;
+            radiusAxis.boundaryGap = true;
+
+            var angleAxis = GetChartComponent<AngleAxis>();
+            angleAxis.type = Axis.AxisType.Value;
+            radiusAxis.splitNumber = 12;
+            angleAxis.startAngle = 75;
+            angleAxis.max = 4;
+
+            foreach (var category in categorys)
+                radiusAxis.AddData(category);
+
+            var serie = AddSerie<Bar>(GenerateDefaultSerieName());
+            serie.SetCoord<PolarCoord>();
+            serie.ClearData();
+            serie.symbol.show = false;
+            for (int i = 0; i < categorys.Length; i++)
+            {
+                var x = UnityEngine.Random.Range(0f, 4f);
+                var y = i;
+                AddData(0, y, x, categorys[i]);
+            }
+        }
+
+        /// <summary>
+        /// default heatmap polar chart.
+        /// || 默认极坐标色块图。 
+        /// </summary>
+        public void DefaultHeatmapPolarChart()
+        {
+            CheckChartInit();
+            RemoveData();
+
+            var visualMap = EnsureChartComponent<VisualMap>();
+            var colors = new List<string> { "#BAE7FF", "#1890FF", "#1028ff" };
+            visualMap.AddColors(colors);
+            visualMap.autoMinMax = true;
+
+            var polarCoord = GetChartComponent<PolarCoord>();
+            polarCoord.radius[0] = 20;
+
+            var categorys = new string[] { "a", "b", "c", "d" };
+            var radiusAxis = GetChartComponent<RadiusAxis>();
+            radiusAxis.type = Axis.AxisType.Category;
+            radiusAxis.splitNumber = 4;
+            radiusAxis.boundaryGap = true;
+
+            var angleAxis = GetChartComponent<AngleAxis>();
+            angleAxis.type = Axis.AxisType.Category;
+            angleAxis.boundaryGap = true;
+            angleAxis.splitNumber = 24;
+            angleAxis.startAngle = 75;
+            angleAxis.max = 4;
+
+            foreach (var category in categorys)
+                radiusAxis.AddData(category);
+
+            for (int i = 0; i < 24; i++)
+            {
+                angleAxis.AddData(i + "h");
+            }
+
+            var serie = AddSerie<Heatmap>(GenerateDefaultSerieName());
+            serie.SetCoord<PolarCoord>();
+            serie.ClearData();
+            serie.symbol.show = false;
+            for (int x = 0; x < 4; x++)
+            {
+                for (int y = 0; y < 24; y++)
+                {
+                    AddData(0, x, y, UnityEngine.Random.Range(0f, 4f));
+                }
+            }
+        }
     }
 }

Runtime/Chart/RadarChart.cs

@@ -2,6 +2,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// Radar chart is mainly used to show multi-variable data, such as the analysis of a football player's varied attributes. It relies radar component.
+    /// || 雷达图主要用于显示多变量的数据，例如足球运动员的各项属性分析。依赖雷达组件。
+    /// </summary>
     [AddComponentMenu("XCharts/RadarChart", 16)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]
@@ -16,5 +20,16 @@ namespace XCharts.Runtime
             AddChartComponent<RadarCoord>();
             Radar.AddDefaultSerie(this, GenerateDefaultSerieName());
         }
+
+        /// <summary>
+        /// default circle radar chart.
+        /// || 默认圆形雷达图。
+        /// </summary>
+        public void DefaultCircleRadarChart()
+        {
+            CheckChartInit();
+            var radarCoord = GetChartComponent<RadarCoord>();
+            radarCoord.shape = RadarCoord.Shape.Circle;
+        }
     }
 }

Runtime/Chart/RingChart.cs

@@ -2,6 +2,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// Ring chart is mainly used to show the proportion of each item and the relationship between the items.
+    /// || 环形图主要用于显示每一项的比例以及各项之间的关系。
+    /// </summary>
     [AddComponentMenu("XCharts/RingChart", 20)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]
@@ -15,5 +19,18 @@ namespace XCharts.Runtime
             RemoveData();
             Ring.AddDefaultSerie(this, GenerateDefaultSerieName());
         }
+
+        /// <summary>
+        /// default multiple ring chart.
+        /// || 默认多圆环图。
+        /// </summary>
+        public void DefaultMultipleRingChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            serie.label.show = false;
+            AddData(0, UnityEngine.Random.Range(30, 90), 100, "data2");
+            AddData(0, UnityEngine.Random.Range(30, 90), 100, "data3");
+        }
     }
 }

Runtime/Chart/ScatterChart.cs

@@ -2,6 +2,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// Scatter chart is mainly used to show the relationship between two data dimensions.
+    /// || 散点图主要用于展现两个数据维度之间的关系。
+    /// </summary>
     [AddComponentMenu("XCharts/ScatterChart", 17)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]
@@ -24,5 +28,21 @@ namespace XCharts.Runtime
             RemoveData();
             Scatter.AddDefaultSerie(this, GenerateDefaultSerieName());
         }
+
+        /// <summary>
+        /// default bubble chart.
+        /// || 默认气泡图。
+        /// </summary>
+        public void DefaultBubbleChart()
+        {
+            CheckChartInit();
+            var serie = GetSerie(0);
+            serie.itemStyle.borderWidth = 2f;
+            serie.itemStyle.borderColor = theme.GetColor(0);
+            serie.itemStyle.opacity = 0.35f;
+            serie.symbol.sizeType = SymbolSizeType.FromData;
+            serie.symbol.dataScale = 0.3f;
+            serie.symbol.maxSize = 30f;
+        }
     }
 }

Runtime/Chart/SimplifiedBarChart.cs

@@ -2,6 +2,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// A simplified bar chart is a simplified mode of a bar chart that provides better performance by simplifying components and configurations.
+    /// || 简化柱状图是柱状图的简化模式，通过简化组件和配置，拥有更好的性能。
+    /// </summary>
     [AddComponentMenu("XCharts/SimplifiedBarChart", 27)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]

Runtime/Chart/SimplifiedCandlestickChart.cs

@@ -2,6 +2,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// A simplified candlestick chart is a simplified mode of a bar chart that provides better performance by simplifying components and configurations.
+    /// || 简化K线图是K线图的简化模式，通过简化组件和配置，拥有更好的性能。
+    /// </summary>
     [AddComponentMenu("XCharts/SimplifiedCandlestickChart", 28)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]

Runtime/Chart/SimplifiedLineChart.cs

@@ -2,6 +2,10 @@ using UnityEngine;
 
 namespace XCharts.Runtime
 {
+    /// <summary>
+    /// A simplified line chart is a simplified mode of a bar chart that provides better performance by simplifying components and configurations.
+    /// || 简化折线图是折线图的简化模式，通过简化组件和配置，拥有更好的性能。
+    /// </summary>
     [AddComponentMenu("XCharts/SimplifiedLineChart", 26)]
     [ExecuteInEditMode]
     [RequireComponent(typeof(RectTransform))]

Runtime/Component/Animation/AnimationStyle.cs

@@ -86,7 +86,18 @@ namespace XCharts.Runtime
         /// The type of animation.
         /// ||动画类型。
         /// </summary>
-        public AnimationType type { get { return m_Type; } set { m_Type = value; } }
+        public AnimationType type
+        {
+            get { return m_Type; }
+            set
+            {
+                m_Type = value;
+                if (m_Type != AnimationType.Default)
+                {
+                    context.type = m_Type;
+                }
+            }
+        }
         /// <summary>
         /// Whether to set graphic number threshold to animation. Animation will be disabled when graphic number is larger than threshold.
         /// ||是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。

Runtime/Component/Axis/Axis.cs

@@ -609,12 +609,14 @@ namespace XCharts.Runtime
         {
             if (maxCache > 0)
             {
+                if (context.addedDataCount < m_Data.Count)
+                    context.addedDataCount = m_Data.Count;
                 while (m_Data.Count >= maxCache)
                 {
                     RemoveData(m_InsertDataToHead ? m_Data.Count - 1 : 0);
                 }
             }
-
+            context.addedDataCount++;
             if (m_InsertDataToHead)
                 m_Data.Insert(0, category);
             else
@@ -623,6 +625,16 @@ namespace XCharts.Runtime
             SetAllDirty();
         }
 
+        /// <summary>
+        /// get the history data count.
+        /// ||获得添加过的历史数据总数
+        /// </summary>
+        /// <returns></returns>
+        public int GetAddedDataCount()
+        {
+            return context.addedDataCount < m_Data.Count ? m_Data.Count : context.addedDataCount;
+        }
+
         public void RemoveData(int dataIndex)
         {
             context.isNeedUpdateFilterData = true;

Runtime/Component/Axis/AxisContext.cs

@@ -66,6 +66,10 @@ namespace XCharts.Runtime
         public List<double> labelValueList { get { return m_LabelValueList; } }
         public List<ChartLabel> labelObjectList { get { return m_AxisLabelList; } }
         public int dataZoomStartIndex;
+        /// <summary>
+        /// 添加过的历史数据总数
+        /// </summary>
+        public int addedDataCount;
 
         internal List<string> filterData;
         internal bool lastCheckInverse;
@@ -81,6 +85,7 @@ namespace XCharts.Runtime
 
         internal void Clear()
         {
+            addedDataCount = 0;
             m_RuntimeData.Clear();
         }
 

Runtime/Component/Axis/AxisHandler.cs

@@ -267,7 +267,11 @@ namespace XCharts
 
                 if (axis.interval == 0)
                 {
-                    if (axis.splitNumber > 0)
+                    if (range >= double.MaxValue / 2)
+                    {
+                        tick = range / 4;
+                    }
+                    else if (axis.splitNumber > 0)
                     {
                         tick = range / axis.splitNumber;
                     }
@@ -865,7 +869,6 @@ namespace XCharts
             for (int i = 0; i < size; i++)
             {
                 var scaleWidth = AxisHelper.GetScaleWidth(axis, axisLength, axis.IsTime() ? i : i + 1, dataZoom);
-
                 if (axis.boundaryGap && axis.axisTick.alignWithLabel)
                     current -= scaleWidth / 2;
 

Runtime/Component/Axis/AxisHelper.cs

@@ -68,7 +68,7 @@ namespace XCharts.Runtime
                     var min = axis is YAxis ? 20 : 80;
                     if (eachWid > min) return dataCount;
                     var tick = Mathf.CeilToInt(min / eachWid);
-                    return (int)(dataCount / tick);
+                    return tick <= 1 ? dataCount : (int)(dataCount / tick);
                 }
                 else
                 {
@@ -245,21 +245,20 @@ namespace XCharts.Runtime
         {
             if (index < 0)
                 return 0;
-
-            int num = GetScaleNumber(axis, coordinateWidth, dataZoom);
-            int splitNum = GetSplitNumber(axis, coordinateWidth, dataZoom);
-            if (num <= 0)
-                num = 1;
-
             if (axis.IsTime() || axis.IsValue())
             {
                 var value = axis.GetLabelValue(index);
                 var lastValue = axis.GetLabelValue(index - 1);
-                return axis.context.minMaxRange == 0 ? 0 :
-                    (float)(coordinateWidth * (value - lastValue) / axis.context.minMaxRange);
+                var width = axis.context.minMaxRange == 0 ? 0 :
+                    (float)(coordinateWidth * ((value - lastValue) / axis.context.minMaxRange));
+                return width;
             }
             else
             {
+                int num = GetScaleNumber(axis, coordinateWidth, dataZoom);
+                int splitNum = GetSplitNumber(axis, coordinateWidth, dataZoom);
+                if (num <= 0)
+                    num = 1;
                 var data = axis.GetDataList(dataZoom);
                 if (axis.IsCategory() && data.Count > 0 && splitNum > 0)
                 {
@@ -344,7 +343,7 @@ namespace XCharts.Runtime
                 int maxSplit = 0;
                 maxValue = ChartHelper.GetMaxLogValue(maxValue, axis.logBase, axis.logBaseE, out maxSplit);
                 minValue = ChartHelper.GetMinLogValue(minValue, axis.logBase, axis.logBaseE, out minSplit);
-                
+
                 var splitNumber = maxSplit + minSplit;
                 if (splitNumber > 15)
                     splitNumber = 15;
@@ -544,11 +543,14 @@ namespace XCharts.Runtime
         /// <param name="axis"></param>
         /// <param name="value"></param>
         /// <returns></returns>
-        public static int GetAxisValueSplitIndex(Axis axis, double value, int totalSplitNumber = -1)
+        public static int GetAxisValueSplitIndex(Axis axis, double value, bool checkMaxCache, int totalSplitNumber = -1)
         {
             if (axis.IsCategory())
             {
-                return (int)value;
+                if (checkMaxCache)
+                    return axis.maxCache > 0 ? (int)value - (axis.GetAddedDataCount() - axis.data.Count) : (int)value;
+                else
+                    return (int)value;
             }
             else
             {
@@ -633,7 +635,7 @@ namespace XCharts.Runtime
             var startX = grid.context.x + yAxis.offset;
             if (yAxis.IsRight())
                 startX += grid.context.width;
-            else if (yAxis.axisLine.onZero && relativedAxis != null && relativedAxis.IsValue() 
+            else if (yAxis.axisLine.onZero && relativedAxis != null && relativedAxis.IsValue()
                 && relativedAxis.gridIndex == yAxis.gridIndex)
                 startX += relativedAxis.context.offset;
             return startX;

Runtime/Component/Axis/RadiusAxis/RadiusAxisHandler.cs

@@ -179,7 +179,7 @@ namespace XCharts.Runtime
                     {
                         var outsideRaidus = totalWidth + radiusAxis.splitLine.GetWidth(chart.theme.axis.splitLineWidth) * 2;
                         var splitLineColor = radiusAxis.splitLine.GetColor(chart.theme.axis.splitLineColor);
-                        UGL.DrawDoughnut(vh, cenPos, totalWidth, outsideRaidus, splitLineColor, Color.clear);
+                        UGL.DrawDoughnut(vh, cenPos, totalWidth, outsideRaidus, splitLineColor, ColorUtil.clearColor32);
                     }
                 }
                 if (radiusAxis.show && radiusAxis.axisTick.show)

Runtime/Component/Background/Background.cs

@@ -10,14 +10,17 @@ namespace XCharts.Runtime
     /// </summary>
     [Serializable]
     [DisallowMultipleComponent]
-    [ComponentHandler(typeof(BackgroundHandler), false)]
+    [ComponentHandler(typeof(BackgroundHandler), false, 0)]
     public class Background : MainComponent
     {
         [SerializeField] private bool m_Show = true;
         [SerializeField] private Sprite m_Image;
         [SerializeField] private Image.Type m_ImageType;
         [SerializeField] private Color m_ImageColor = Color.white;
+        [SerializeField][Since("v3.10.0")] private float m_ImageWidth = 0;
+        [SerializeField][Since("v3.10.0")] private float m_ImageHeight = 0;
         [SerializeField] private bool m_AutoColor = true;
+        [SerializeField][Since("v3.10.0")] private BorderStyle m_BorderStyle = new BorderStyle();
 
         /// <summary>
         /// Whether to enable the background component.
@@ -57,6 +60,26 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetColor(ref m_ImageColor, value)) SetComponentDirty(); }
         }
 
+        /// <summary>
+        /// the width of background image.
+        /// ||背景图宽度。
+        /// </summary>
+        public float imageWidth
+        {
+            get { return m_ImageWidth; }
+            set { if (PropertyUtil.SetStruct(ref m_ImageWidth, value)) SetComponentDirty(); }
+        }
+
+        /// <summary>
+        /// the height of background image.
+        /// ||背景图高度。
+        /// </summary>
+        public float imageHeight
+        {
+            get { return m_ImageHeight; }
+            set { if (PropertyUtil.SetStruct(ref m_ImageHeight, value)) SetComponentDirty(); }
+        }
+
         /// <summary>
         /// Whether to use theme background color for component color when the background component is on.
         /// ||当background组件开启时，是否自动使用主题背景色作为backgrounnd组件的颜色。当设置为false时，用imageColor作为颜色。
@@ -67,6 +90,16 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetStruct(ref m_AutoColor, value)) SetVerticesDirty(); }
         }
 
+        /// <summary>
+        /// the border style of background.        
+        /// ||背景边框样式。
+        /// </summary>
+        public BorderStyle borderStyle
+        {
+            get { return m_BorderStyle; }
+            set { if (PropertyUtil.SetClass(ref m_BorderStyle, value)) SetComponentDirty(); }
+        }
+
         public override void SetDefaultValue()
         {
             m_Show = true;

Runtime/Component/Background/BackgroundHandler.cs

@@ -12,7 +12,7 @@ namespace XCharts.Runtime
         public override void InitComponent()
         {
             component.painter = chart.painter;
-            component.refreshComponent = delegate()
+            component.refreshComponent = delegate ()
             {
                 var backgroundObj = ChartHelper.AddObject(s_BackgroundObjectName, chart.transform, chart.chartMinAnchor,
                     chart.chartMaxAnchor, chart.chartPivot, chart.chartSizeDelta);
@@ -27,7 +27,7 @@ namespace XCharts.Runtime
                 backgroundImage.color = chart.theme.GetBackgroundColor(component);
 
                 backgroundObj.transform.SetSiblingIndex(0);
-                backgroundObj.SetActive(component.show);
+                backgroundObj.SetActive(component.show && component.image != null);
             };
             component.refreshComponent();
         }
@@ -45,13 +45,12 @@ namespace XCharts.Runtime
             if (component.image != null)
                 return;
 
-            var p1 = new Vector3(chart.chartX, chart.chartY + chart.chartHeight);
-            var p2 = new Vector3(chart.chartX + chart.chartWidth, chart.chartY + chart.chartHeight);
-            var p3 = new Vector3(chart.chartX + chart.chartWidth, chart.chartY);
-            var p4 = new Vector3(chart.chartX, chart.chartY);
             var backgroundColor = chart.theme.GetBackgroundColor(component);
-
-            UGL.DrawQuadrilateral(vh, p1, p2, p3, p4, backgroundColor);
+            var borderWidth = component.borderStyle.GetRuntimeBorderWidth();
+            var borderColor = component.borderStyle.GetRuntimeBorderColor();
+            var cornerRadius = component.borderStyle.GetRuntimeCornerRadius();
+            UGL.DrawRoundRectangleWithBorder(vh, chart.chartRect, backgroundColor, backgroundColor, cornerRadius,
+                borderWidth, borderColor);
         }
     }
 }

Runtime/Component/Child/BorderStyle.cs

@@ -0,0 +1,86 @@
+using UnityEngine;
+using UnityEngine.UI;
+
+namespace XCharts.Runtime
+{
+    /// <summary>
+    /// The style of border.
+    /// ||边框样式。
+    /// </summary>
+    [System.Serializable]
+    [Since("v3.10.0")]
+    public class BorderStyle : ChildComponent
+    {
+        [SerializeField] private bool m_Show = false;
+        [SerializeField] private float m_BorderWidth;
+        [SerializeField] private Color32 m_BorderColor;
+        [SerializeField] private bool m_RoundedCorner = true;
+        [SerializeField] private float[] m_CornerRadius = new float[] { 0, 0, 0, 0 };
+
+        /// <summary>
+        /// whether the border is visible.
+        /// ||是否显示边框。
+        /// </summary>
+        public bool show
+        {
+            get { return m_Show; }
+            set { if (PropertyUtil.SetStruct(ref m_Show, value)) SetAllDirty(); }
+        }
+
+        /// <summary>
+        /// the width of border.
+        /// ||边框宽度。
+        /// </summary>
+        public float borderWidth
+        {
+            get { return m_BorderWidth; }
+            set { if (PropertyUtil.SetStruct(ref m_BorderWidth, value)) SetAllDirty(); }
+        }
+
+        /// <summary>
+        /// the color of border.
+        /// ||边框颜色。
+        /// </summary>
+        public Color32 borderColor
+        {
+            get { return m_BorderColor; }
+            set { if (PropertyUtil.SetColor(ref m_BorderColor, value)) SetAllDirty(); }
+        }
+
+        /// <summary>
+        /// whether the border is rounded corner.
+        /// ||是否显示圆角。
+        /// </summary>
+        public bool roundedCorner
+        {
+            get { return m_RoundedCorner; }
+            set { if (PropertyUtil.SetStruct(ref m_RoundedCorner, value)) SetAllDirty(); }
+        }
+
+        /// <summary>
+        /// 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)). When is set to (1,1,1,1), all corners are rounded.
+        /// ||圆角半径。用数组分别指定4个圆角半径（顺时针左上，右上，右下，左下）。当为(1,1,1,1)时为全圆角。
+        /// </summary>
+        public float[] cornerRadius
+        {
+            get { return m_CornerRadius; }
+            set { if (PropertyUtil.SetClass(ref m_CornerRadius, value)) SetAllDirty(); }
+        }
+
+        public float GetRuntimeBorderWidth()
+        {
+            return m_Show ? m_BorderWidth : 0;
+        }
+
+        public Color32 GetRuntimeBorderColor()
+        {
+            return m_Show ? m_BorderColor : ColorUtil.clearColor32;
+        }
+
+        public float[] GetRuntimeCornerRadius()
+        {
+            return m_Show && roundedCorner ? m_CornerRadius : null;
+        }
+    }
+}

Runtime/Component/Child/BorderStyle.cs.meta

@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 0a756cb373aab4292b93a0597fc4e82c
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 

Runtime/Component/Child/ItemStyle.cs

@@ -228,18 +228,6 @@ namespace XCharts.Runtime
             get { return m_CornerRadius; }
             set { if (PropertyUtil.SetClass(ref m_CornerRadius, value, true)) SetVerticesDirty(); }
         }
-        /// <summary>
-        /// 实际边框宽。边框不显示时为0。
-        /// </summary>
-        public float runtimeBorderWidth { get { return NeedShowBorder() ? borderWidth : 0; } }
-
-        /// <summary>
-        /// 是否需要显示边框。
-        /// </summary>
-        public bool NeedShowBorder()
-        {
-            return borderWidth != 0 && !ChartHelper.IsClearColor(borderColor);
-        }
 
         public Color32 GetColor()
         {

Runtime/Component/Child/LevelStyle.cs

@@ -6,19 +6,35 @@ namespace XCharts.Runtime
     [System.Serializable]
     public class Level : ChildComponent
     {
+        [SerializeField][Since("v3.10.0")] private int m_Depth = 0;
         [SerializeField] private LabelStyle m_Label = new LabelStyle();
         [SerializeField] private LabelStyle m_UpperLabel = new LabelStyle();
+        [SerializeField][Since("v3.10.0")] private LineStyle m_LineStyle = new LineStyle();
         [SerializeField] private ItemStyle m_ItemStyle = new ItemStyle();
+
         /// <summary>
-        /// 文本标签样式。
+        /// the depth of level.
+        /// ||层级深度。 
+        /// </summary>
+        public int depth { get { return m_Depth; } set { m_Depth = value; } }
+        /// <summary>
+        /// the label style of level.
+        /// ||文本标签样式。
         /// </summary>
         public LabelStyle label { get { return m_Label; } }
         /// <summary>
-        /// 上方的文本标签样式。
+        /// the upper label style of level. 
+        /// ||上方的文本标签样式。
         /// </summary>
         public LabelStyle upperLabel { get { return m_UpperLabel; } }
         /// <summary>
-        /// 数据项样式。
+        /// the line style of level.
+        /// ||线条样式。
+        /// </summary>
+        public LineStyle lineStyle { get { return m_LineStyle; } }
+        /// <summary>
+        /// the item style of level.
+        /// ||数据项样式。
         /// </summary>
         public ItemStyle itemStyle { get { return m_ItemStyle; } }
     }

Runtime/Component/Label/LabelStyle.cs

@@ -123,13 +123,14 @@ namespace XCharts.Runtime
         /// Template placeholder have the following, some of which apply only to fixed components: <br />
         /// `{.}` : indicates the dot mark. <br />
         /// `{a}` : indicates the series name. <br />
-        /// `{b}` : category value or data name. <br />
+        /// `{b}` : category value of x axis or data name. <br />
         /// `{c}` : data value. <br />
         /// `{d}` : percentage. <br />
         /// `{e}` : indicates the data name. <br />
         /// `{f}` : data sum. <br />
         /// `{g}` : indicates the total number of data. <br />
         /// `{h}` : hexadecimal color value. <br />
+        /// `{y}` : category value of y axis. <br />
         /// `{value}` : The value of the axis or legend. <br />
         /// The following placeholder apply to `UITable` components: <br />
         /// `{name}` : indicates the row name of the table. <br />
@@ -151,13 +152,14 @@ namespace XCharts.Runtime
         /// 模板通配符有以下这些，部分只适用于固定的组件：<br/>
         /// `{.}`：圆点标记。<br/>
         /// `{a}`：系列名。<br/>
-        /// `{b}`：类目值或数据名。<br/>
+        /// `{b}`：X轴类目名或数据名。<br/>
         /// `{c}`：数据值。<br/>
         /// `{d}`：百分比。<br/>
         /// `{e}`：数据名。<br/>
         /// `{f}`：数据和。<br/>
         /// `{g}`：数据总个数。<br/>
         /// `{h}`：十六进制颜色值。<br/> 
+        /// `{y}`：Y轴的类目名。<br/> 
         /// `{value}`：坐标轴或图例的值。<br/>
         /// 以下通配符适用UITable组件：<br/>
         /// `{name}`： 表格的行名。<br/>

Runtime/Component/Label/SerieLabelHelper.cs

@@ -24,7 +24,7 @@ namespace XCharts.Runtime
         }
 
         public static string GetFormatterContent(Serie serie, SerieData serieData,
-            double dataValue, double dataTotal, LabelStyle serieLabel, Color color)
+            double dataValue, double dataTotal, LabelStyle serieLabel, Color color, BaseChart chart = null)
         {
             if (serieLabel == null)
             {
@@ -45,7 +45,7 @@ namespace XCharts.Runtime
             {
                 var content = serieLabel.formatter;
                 FormatterHelper.ReplaceSerieLabelContent(ref content, numericFormatter, serie.dataCount, dataValue,
-                    dataTotal, serieName, dataName, dataName, color, serieData);
+                    dataTotal, serieName, dataName, dataName, color, serieData, chart);
                 if (serieLabel.formatterFunction == null)
                     return content;
                 else
@@ -70,7 +70,5 @@ namespace XCharts.Runtime
                 serieData.labelObject.text.SetColor(label.textStyle.color);
             }
         }
-
-        
     }
 }

Runtime/Component/Legend/Legend.cs

@@ -81,6 +81,7 @@ namespace XCharts.Runtime
         [SerializeField] private float m_ItemOpacity = 1;
         [SerializeField] private string m_Formatter;
         [SerializeField] private LabelStyle m_LabelStyle = new LabelStyle();
+        [SerializeField][Since("v3.10.0")] private TextLimit m_TextLimit = new TextLimit();
         [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>();
@@ -184,7 +185,7 @@ namespace XCharts.Runtime
         /// No longer used, the use of LabelStyle.formatter instead.
         /// ||不再使用，使用LabelStyle.formatter代替。
         /// </summary>
-        [Obsolete("Use LabelStyle.formatter instead.", false)] 
+        [Obsolete("Use LabelStyle.formatter instead.", false)]
         public string formatter
         {
             get { return m_Formatter; }
@@ -200,6 +201,15 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetClass(ref m_LabelStyle, value)) SetComponentDirty(); }
         }
         /// <summary>
+        /// the limit of text. 
+        /// ||文本限制。
+        /// </summary>
+        public TextLimit textLimit
+        {
+            get { return m_TextLimit; }
+            set { if (value != null) { m_TextLimit = value; SetComponentDirty(); } }
+        }
+        /// <summary>
         /// the sytle of background.
         /// ||背景图样式。
         /// </summary>
@@ -264,7 +274,7 @@ namespace XCharts.Runtime
         /// </summary>
         public override bool componentDirty
         {
-            get { return m_ComponentDirty || location.componentDirty || labelStyle.componentDirty; }
+            get { return m_ComponentDirty || location.componentDirty || labelStyle.componentDirty || textLimit.componentDirty; }
         }
 
         public override void ClearComponentDirty()
@@ -272,6 +282,7 @@ namespace XCharts.Runtime
             base.ClearComponentDirty();
             location.ClearComponentDirty();
             labelStyle.ClearComponentDirty();
+            textLimit.ClearComponentDirty();
         }
 
         /// <summary>

Runtime/Component/Legend/LegendHandler.cs

@@ -86,18 +86,26 @@ namespace XCharts.Runtime
                 legend.RemoveButton();
                 ChartHelper.HideAllObject(legendObject);
                 if (!legend.show) return;
+                var textLimitInitFlag = false;
                 for (int i = 0; i < datas.Count; i++)
                 {
                     if (!SeriesHelper.IsLegalLegendName(datas[i])) continue;
                     string legendName = datas[i];
                     var legendContent = GetFormatterContent(legend, i, datas[i]);
+                    if (legend.textLimit.enable)
+                        legendContent = legend.textLimit.GetLimitContent(legendContent);
                     var readIndex = chart.m_LegendRealShowName.IndexOf(datas[i]);
                     var active = chart.IsActiveByLegend(datas[i]);
                     var bgColor = LegendHelper.GetIconColor(chart, legend, readIndex, datas[i], active);
                     bgColor.a = legend.itemOpacity;
-                    var item = LegendHelper.AddLegendItem(chart, legend, i, datas[i], legendObject.transform, chart.theme,
+                    var item = LegendHelper.AddLegendItem(chart, legend, i, legendName, legendObject.transform, chart.theme,
                         legendContent, bgColor, active, readIndex);
                     legend.SetButton(legendName, item, totalLegend);
+                    if (!textLimitInitFlag && legend.textLimit.enable)
+                    {
+                        textLimitInitFlag = true;
+                        legend.textLimit.SetRelatedText(item.text, legend.itemWidth);
+                    }
                     ChartHelper.ClearEventListener(item.button.gameObject);
                     ChartHelper.AddEventListener(item.button.gameObject, EventTriggerType.PointerDown, (data) =>
                     {
@@ -153,7 +161,7 @@ namespace XCharts.Runtime
         private string GetFormatterContent(Legend legend, int dataIndex, string category)
         {
 #pragma warning disable 0618
-            if (string.IsNullOrEmpty(legend.formatter) || string.IsNullOrEmpty(legend.labelStyle.formatter))
+            if (string.IsNullOrEmpty(legend.formatter) && string.IsNullOrEmpty(legend.labelStyle.formatter))
                 return category;
             else
             {

Runtime/Component/Settings/Settings.cs

@@ -93,7 +93,7 @@ namespace XCharts.Runtime
         public float lineSmoothness
         {
             get { return m_LineSmoothness; }
-            set { if (PropertyUtil.SetStruct(ref m_LineSmoothStyle, value < 0 ? 1f : value)) SetVerticesDirty(); }
+            set { if (PropertyUtil.SetStruct(ref m_LineSmoothness, value < 0 ? 1f : value)) SetVerticesDirty(); }
         }
         /// <summary>
         /// The partition distance of a line segment. A line in a normal line chart is made up of many segments, 

Runtime/Component/Tooltip/Tooltip.cs

@@ -192,6 +192,7 @@ namespace XCharts.Runtime
         /// {h} is the hexadecimal color value of serieData for the serie data item currently indicated or index 0. <br />
         /// {f} is the sum of data. <br />
         /// {g} indicates the total number of data. <br />
+        /// {y} is category value of y axis. <br />
         /// {.1} represents a dot of the corresponding color with serie specified as index 1. <br />
         /// The 1 in {a1}, {b1}, {c1} represents serie where index is specified as 1. <br />
         /// {c1:2} represents the third data of the current indicator data item in serie with index 1 (one data item has multiple data, index 2 represents the third data). <br />
@@ -210,6 +211,7 @@ namespace XCharts.Runtime
         /// {h}为当前所指示或index为0的serie的数据项serieData的十六进制颜色值。<br/>
         /// {f}为数据总和。<br/>
         /// {g}为数据总个数。<br/>
+        /// {f}为value所对应的y轴的类目值。<br/>
         /// {.1}表示指定index为1的serie对应颜色的圆点。<br/>
         /// {a1}、{b1}、{c1}中的1表示指定index为1的serie。<br/>
         /// {c1:2}表示索引为1的serie的当前指示数据项的第3个数据（一个数据项有多个数据，index为2表示第3个数据）。<br/>
@@ -229,6 +231,7 @@ namespace XCharts.Runtime
         /// {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/>
+        /// {y} is category value of y axis.<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/>
@@ -248,11 +251,12 @@ namespace XCharts.Runtime
         /// {f}为当前所指示的serie的默认维度的数据总和。<br/>
         /// {g}为当前所指示的serie的数据总个数。<br/>
         /// {h}为当前所指示的serie的十六进制颜色值。<br/>
+        /// {y}为当前所指示的serie的y轴的类目值。<br/>
         /// {c0}表示当前数据项维度为0的数据。<br/>
         /// {c1}表示当前数据项维度为1的数据。<br/>
         /// {d3}表示维度3的数据的百分比。它的分母是默认维度（一般是1维度）数据。<br/>
         /// |表示多个列的分隔。<br/>
-        /// 示例："{i}", "{.}|{a}|{c}", "{.}|{b}|{c2:f2}"
+        /// 示例："{i}", "{.}|{a}|{c}", "{.}|{b}|{c2:f2}", "{.}|{b}|{y}"
         /// </summary>
         public string itemFormatter { get { return m_ItemFormatter; } set { m_ItemFormatter = value; } }
         /// <summary>

Runtime/Component/Tooltip/TooltipHandler.cs

@@ -95,29 +95,29 @@ namespace XCharts.Runtime
         {
             showTooltip = false;
             if (tooltip.trigger == Tooltip.Trigger.None) return;
-            if (!chart.isPointerInChart || !tooltip.show)
+            if (chart.isPointerInChart && tooltip.show)
             {
-                if (tooltip.IsActive())
+                for (int i = chart.series.Count - 1; i >= 0; i--)
                 {
-                    tooltip.ClearValue();
-                    tooltip.SetActive(false);
+                    var serie = chart.series[i];
+                    if (!(serie is INeedSerieContainer))
+                    {
+                        showTooltip = true;
+                        containerSeries = null;
+                        return;
+                    }
                 }
-                return;
-            }
-            for (int i = chart.series.Count - 1; i >= 0; i--)
-            {
-                var serie = chart.series[i];
-                if (!(serie is INeedSerieContainer))
+                containerSeries = ListPool<Serie>.Get();
+                UpdatePointerContainerAndSeriesAndTooltip(tooltip, ref containerSeries);
+                if (containerSeries.Count > 0)
                 {
                     showTooltip = true;
-                    return;
                 }
             }
-            containerSeries = ListPool<Serie>.Get();
-            UpdatePointerContainerAndSeriesAndTooltip(tooltip, ref containerSeries);
-            if (containerSeries.Count > 0)
+            if (!showTooltip && tooltip.IsActive())
             {
-                showTooltip = true;
+                tooltip.ClearValue();
+                tooltip.SetActive(false);
             }
         }
 
@@ -126,6 +126,7 @@ namespace XCharts.Runtime
         private void UpdateTooltip(Tooltip tooltip)
         {
             if (!showTooltip) return;
+            var anyTrigger = false;
             for (int i = chart.series.Count - 1; i >= 0; i--)
             {
                 var serie = chart.series[i];
@@ -133,20 +134,21 @@ namespace XCharts.Runtime
                 {
                     if (SetSerieTooltip(tooltip, serie))
                     {
+                        anyTrigger = true;
                         chart.RefreshTopPainter();
-                        return;
+                        break;
                     }
                 }
             }
             if (containerSeries != null)
             {
                 if (!SetSerieTooltip(tooltip, containerSeries))
-                {
                     showTooltip = false;
-                }
+                else
+                    anyTrigger = true;
                 ListPool<Serie>.Release(containerSeries);
             }
-            if (!showTooltip)
+            if (!showTooltip || !anyTrigger)
             {
                 if (tooltip.context.type == Tooltip.Type.Corss && m_PointerContainer != null && m_PointerContainer.IsPointerEnter())
                 {
@@ -302,7 +304,7 @@ namespace XCharts.Runtime
             {
                 GetSerieDataByXYAxis(serie, xAxis, yAxis);
             }
-            else if (yAxis.IsCategory())
+            else if (yAxis.IsCategory() && !xAxis.IsCategory())
             {
                 if (isTriggerAxis)
                 {
@@ -344,8 +346,8 @@ namespace XCharts.Runtime
 
         private void GetSerieDataByXYAxis(Serie serie, Axis xAxis, Axis yAxis)
         {
-            var xAxisIndex = AxisHelper.GetAxisValueSplitIndex(xAxis, xAxis.context.pointerValue);
-            var yAxisIndex = AxisHelper.GetAxisValueSplitIndex(yAxis, yAxis.context.pointerValue);
+            var xAxisIndex = AxisHelper.GetAxisValueSplitIndex(xAxis, xAxis.context.pointerValue, false);
+            var yAxisIndex = AxisHelper.GetAxisValueSplitIndex(yAxis, yAxis.context.pointerValue, false);
             serie.context.pointerItemDataIndex = -1;
             if (serie is Heatmap)
             {
@@ -358,8 +360,8 @@ namespace XCharts.Runtime
             }
             foreach (var serieData in serie.data)
             {
-                var x = AxisHelper.GetAxisValueSplitIndex(xAxis, serieData.GetData(0));
-                var y = AxisHelper.GetAxisValueSplitIndex(yAxis, serieData.GetData(1));
+                var x = AxisHelper.GetAxisValueSplitIndex(xAxis, serieData.GetData(0), true);
+                var y = AxisHelper.GetAxisValueSplitIndex(yAxis, serieData.GetData(1), true);
                 if (xAxisIndex == x && y == yAxisIndex)
                 {
                     serie.context.pointerItemDataIndex = serieData.index;
@@ -527,7 +529,7 @@ namespace XCharts.Runtime
                     ref tooltip.context.data.title);
             }
             TooltipHelper.ResetTooltipParamsByItemFormatter(tooltip, chart);
-            if (tooltip.context.data.param.Count > 0)
+            if (tooltip.context.data.param.Count > 0 || !string.IsNullOrEmpty(tooltip.context.data.title))
             {
                 tooltip.SetActive(true);
                 if (tooltip.view != null)
@@ -580,13 +582,17 @@ namespace XCharts.Runtime
 
         private bool IsYCategoryOfGrid(int gridIndex)
         {
-            var yAxes = chart.GetChartComponents<YAxis>();
-            foreach (var component in yAxes)
+            foreach (var component in chart.GetChartComponents<YAxis>())
             {
                 var yAxis = component as YAxis;
-                if (yAxis.gridIndex == gridIndex && yAxis.IsCategory()) return true;
+                if (yAxis.gridIndex == gridIndex && !yAxis.IsCategory()) return false;
             }
-            return false;
+            foreach (var component in chart.GetChartComponents<XAxis>())
+            {
+                var xAxis = component as XAxis;
+                if (xAxis.gridIndex == gridIndex && xAxis.IsCategory()) return false;
+            }
+            return true;
         }
 
         private void DrawXAxisIndicator(VertexHelper vh, Tooltip tooltip, GridCoord grid)

Runtime/Component/Tooltip/TooltipHelper.cs

@@ -43,7 +43,8 @@ namespace XCharts.Runtime
                         param.category,
                         param.serieData.name,
                         param.color,
-                        param.serieData);
+                        param.serieData,
+                        chart);
                     foreach (var item in content.Split('|'))
                     {
                         param.columns.Add(item);

Runtime/Component/Tooltip/TooltipView.cs

@@ -76,6 +76,7 @@ namespace XCharts.Runtime
             title.SetText(data.title);
 
             m_ColumnMaxWidth.Clear();
+            var contentLabelStyle0 = tooltip.GetContentLabelStyle(0);
             for (int i = 0; i < data.param.Count; i++)
             {
                 var item = GetItem(i);
@@ -92,7 +93,7 @@ namespace XCharts.Runtime
                     column.SetActive(true);
                     column.SetText(param.columns[j]);
 
-                    if (j == 0)
+                    if (j == 0 && contentLabelStyle0 != null && ChartHelper.IsClearColor(contentLabelStyle0.textStyle.color))
                         column.text.SetColor(param.color);
 
                     if (j >= m_ColumnMaxWidth.Count)
@@ -240,6 +241,7 @@ namespace XCharts.Runtime
 
             view.title = ChartHelper.AddChartLabel("title", view.gameObject.transform, tooltip.titleLabelStyle, theme.tooltip,
                 "", Color.clear, TextAnchor.MiddleLeft);
+            view.title.gameObject.SetActive(true);
 
             var item = CreateViewItem(0, view.gameObject.transform, tooltip, theme.tooltip);
             view.m_Items.Add(item);

Runtime/Coord/Grid/GridCoord.cs

@@ -17,10 +17,10 @@ namespace XCharts.Runtime
     {
         [SerializeField] private bool m_Show = true;
         [SerializeField][Since("v3.8.0")] private int m_LayoutIndex = -1;
-        [SerializeField] private float m_Left = 0.1f;
+        [SerializeField] private float m_Left = 0.11f;
         [SerializeField] private float m_Right = 0.08f;
         [SerializeField] private float m_Top = 0.22f;
-        [SerializeField] private float m_Bottom = 0.12f;
+        [SerializeField] private float m_Bottom = 0.14f;
         [SerializeField] private Color32 m_BackgroundColor;
         [SerializeField] private bool m_ShowBorder = false;
         [SerializeField] private float m_BorderWidth = 0f;
@@ -203,7 +203,7 @@ namespace XCharts.Runtime
         [Since("v3.7.0")]
         public bool ContainsX(float x)
         {
-            return x >= context.x && x <= context.x + context.width;
+            return x >= context.x - 0.01f && x <= context.x + context.width + 0.01f;
         }
 
         /// <summary>
@@ -215,7 +215,7 @@ namespace XCharts.Runtime
         [Since("v3.7.0")]
         public bool ContainsY(float y)
         {
-            return y >= context.y && y <= context.y + context.height;
+            return y >= context.y - 0.01f && y <= context.y + context.height + 0.01f;
         }
 
         /// <summary>
@@ -254,6 +254,27 @@ namespace XCharts.Runtime
             else if (pos.y > context.y + context.height) pos.y = context.y + context.height;
         }
 
+        /// <summary>
+        /// Determines whether a given line segment will not intersect the Grid boundary at all.
+        /// ||判断给定的线段是否与Grid边界是否完全不会相交。
+        /// </summary>
+        /// <param name="sp"></param>
+        /// <param name="ep"></param>
+        /// <returns></returns>
+        [Since("v3.10.0")] 
+        public bool NotAnyIntersect(Vector3 sp, Vector3 ep)
+        {
+            if (sp.x < context.x && ep.x < context.x)
+                return true;
+            if (sp.x > context.x + context.width && ep.x > context.x + context.width)
+                return true;
+            if (sp.y < context.y && ep.y < context.y)
+                return true;
+            if (sp.y > context.y + context.height && ep.y > context.y + context.height)
+                return true;
+            return false;
+        }
+
         /// <summary>
         /// 给定的线段和Grid边界的交点
         /// </summary>

Runtime/Coord/Polar/PolarCoord.cs

@@ -13,8 +13,8 @@ namespace XCharts.Runtime
     public class PolarCoord : CoordSystem, ISerieContainer
     {
         [SerializeField] private bool m_Show = true;
-        [SerializeField] private float[] m_Center = new float[2] { 0.5f, 0.45f };
-        [SerializeField] private float[] m_Radius = new float[2] { 0, 0.35f };
+        [SerializeField] private float[] m_Center = new float[2] { 0.5f, 0.44f };
+        [SerializeField] private float[] m_Radius = new float[2] { 0, 0.31f };
         [SerializeField] private Color m_BackgroundColor;
         [SerializeField][Since("v3.8.0")] private float m_IndicatorLabelOffset = 30f;
 

Runtime/Helper/FormatterHelper.cs

@@ -8,7 +8,7 @@ namespace XCharts.Runtime
     public static class FormatterHelper
     {
         public const string PH_NN = "\n";
-        private static Regex s_Regex = new Regex(@"{([a-h|.]\d*)(:\d+(-\d+)?)?(:[c-g|x|p|r]\d*|:0\.#*)?}", RegexOptions.IgnoreCase);
+        private static Regex s_Regex = new Regex(@"{([a-h|.|y]\d*)(:\d+(-\d+)?)?(:[c-g|x|p|r]\d*|:0\.#*)?}", RegexOptions.IgnoreCase);
         private static Regex s_RegexSub = new Regex(@"(0\.#*)|(\d+-\d+)|(\w+)|(\.)", RegexOptions.IgnoreCase);
         private static Regex s_RegexN = new Regex(@"^\d+", RegexOptions.IgnoreCase);
         private static Regex s_RegexN_N = new Regex(@"\d+-\d+", RegexOptions.IgnoreCase);
@@ -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-h|\.]\d*(:[c-g|x|p|r]\d*)?}", RegexOptions.IgnoreCase);
-        private static Regex s_RegexSubForSerieLabel = new Regex(@"(\.)|([a-h]\d*)|([c-g|x|p|r]\d*)", RegexOptions.IgnoreCase);
+        private static Regex s_RegexForSerieLabel = new Regex(@"{[a-h|\.|y]\d*(:[c-g|x|p|r]\d*)?}", RegexOptions.IgnoreCase);
+        private static Regex s_RegexSubForSerieLabel = new Regex(@"(\.)|([a-h|y]\d*)|([c-g|x|p|r]\d*)", RegexOptions.IgnoreCase);
 
         public static bool NeedFormat(string content)
         {
@@ -25,7 +25,7 @@ namespace XCharts.Runtime
         }
 
         /// <summary>
-        /// 替换字符串中的通配符，支持的通配符有{.}、{a}、{b}、{c}、{d}、{e}、{f}、{g}、{h}。
+        /// 替换字符串中的通配符，支持的通配符有{.}、{a}、{b}、{c}、{d}、{e}、{f}、{g}、{h}、{y}。
         /// </summary>
         /// <param name="content">要替换的字符串</param>
         /// <param name="dataIndex">选中的数据项serieData索引</param>
@@ -119,6 +119,33 @@ namespace XCharts.Runtime
                 {
                     content = content.Replace(old, ChartCached.NumberToStr(serie.dataCount, ""));
                 }
+                else if (p == 'y' || p == 'Y')
+                {
+                    if (chart != null)
+                    {
+                        var yAxis = chart.GetChartComponent<YAxis>(0);
+                        if (yAxis != null)
+                        {
+                            var bIndex = dataIndex;
+                            if (argsCount >= 2)
+                            {
+                                var args1Str = args[1].ToString();
+                                if (s_RegexN.IsMatch(args1Str)) bIndex = int.Parse(args1Str);
+                                if (s_RegexFn.IsMatch(args1Str)) numericFormatter = args1Str;
+                            }
+                            if (yAxis.IsCategory())
+                            {
+                                var yCategory = yAxis.GetData(bIndex);
+                                content = content.Replace(old, yCategory);
+                            }
+                            else
+                            {
+                                var value = yAxis.context.pointerValue;
+                                content = content.Replace(old, ChartCached.FloatToStr(value, numericFormatter));
+                            }
+                        }
+                    }
+                }
                 else if (p == 'c' || p == 'C' || p == 'd' || p == 'D' || p == 'f' || p == 'f')
                 {
                     var isPercent = p == 'd' || p == 'D';
@@ -162,7 +189,7 @@ namespace XCharts.Runtime
                     if (isPercent)
                     {
                         var total = serie.GetDataTotal(dimensionIndex, serie.GetSerieData(bIndex));
-                        var percent = total == 0 ? 0 : value / serie.yTotal * 100;
+                        var percent = total == 0 ? 0 : value / total * 100;
                         content = content.Replace(old, ChartCached.FloatToStr(percent, numericFormatter));
                     }
                     else if (isTotal)
@@ -184,7 +211,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, SerieData serieData)
+            string serieName, string category, string dataName, Color color, SerieData serieData, BaseChart chart = null)
         {
             var mc = s_RegexForSerieLabel.Matches(content);
             foreach (var m in mc)
@@ -253,6 +280,25 @@ namespace XCharts.Runtime
                 {
                     content = content.Replace(old, "#" + ChartCached.ColorToStr(color));
                 }
+                else if (p == 'y' || p == 'Y')
+                {
+                    if (chart != null)
+                    {
+                        var yAxis = chart.GetChartComponent<YAxis>(0);
+                        if (yAxis != null)
+                        {
+                            if (yAxis.IsCategory())
+                            {
+                                var yCategory = yAxis.GetData(pIndex >= 0 ? pIndex : (int)value);
+                                content = content.Replace(old, yCategory);
+                            }
+                            else
+                            {
+                                content = content.Replace(old, ChartCached.NumberToStr(value, numericFormatter));
+                            }
+                        }
+                    }
+                }
             }
             content = TrimAndReplaceLine(content);
         }

Runtime/Internal/Attributes/ComponentHandlerAttribute.cs

@@ -7,17 +7,20 @@ namespace XCharts.Runtime
     {
         public readonly Type handler;
         public readonly bool allowMultiple = true;
+        public readonly int order = 3;
 
-        public ComponentHandlerAttribute(Type handler)
+        public ComponentHandlerAttribute(Type handler, int order = 3)
         {
             this.handler = handler;
             this.allowMultiple = true;
+            this.order = order;
         }
 
-        public ComponentHandlerAttribute(Type handler, bool allowMultiple)
+        public ComponentHandlerAttribute(Type handler, bool allowMultiple, int order = 3)
         {
             this.handler = handler;
             this.allowMultiple = allowMultiple;
+            this.order = order;
         }
     }
 }

Runtime/Internal/BaseChart.API.cs

@@ -165,6 +165,7 @@ namespace XCharts.Runtime
         /// ||鼠标退出图例回调。参数：legendIndex, legendName
         /// </summary>
         public Action<Legend, int, string> onLegendExit { set { m_OnLegendExit = value; } internal get { return m_OnLegendExit; } }
+
         public void Init(bool defaultChart = true)
         {
             if (defaultChart)
@@ -177,6 +178,7 @@ namespace XCharts.Runtime
                 OnBeforeSerialize();
             }
         }
+
         /// <summary>
         /// Redraw chart in next frame.
         /// ||在下一帧刷新整个图表。
@@ -222,14 +224,15 @@ namespace XCharts.Runtime
         public virtual void ClearData()
         {
             ClearSerieData();
+            ClearSerieLinks();
             ClearComponentData();
         }
 
-        [Since("v3.4.0")]
         /// <summary>
         /// Clear the data of all series.
         /// ||清空所有serie的数据。
         /// </summary>
+        [Since("v3.4.0")]
         public virtual void ClearSerieData()
         {
             foreach (var serie in m_Series)
@@ -238,11 +241,24 @@ namespace XCharts.Runtime
             RefreshChart();
         }
 
-        [Since("v3.4.0")]
+        /// <summary>
+        /// Clear the link data of all series.
+        /// ||清空所有serie的link数据。
+        /// </summary>
+        [Since("v3.10.0")]
+        public virtual void ClearSerieLinks()
+        {
+            foreach (var serie in m_Series)
+                serie.ClearLinks();
+            m_CheckAnimation = false;
+            RefreshChart();
+        }
+
         /// <summary>
         /// Clear the data of all components.
         /// ||清空所有组件的数据。
         /// </summary>
+        [Since("v3.4.0")]
         public virtual void ClearComponentData()
         {
             foreach (var component in m_Components)
@@ -625,13 +641,13 @@ namespace XCharts.Runtime
             return theme.GetBackgroundColor(background);
         }
 
-        [Since("v3.4.0")]
         /// <summary>
         /// 获得Serie的标识颜色。
         /// </summary>
         /// <param name="serie"></param>
         /// <param name="serieData"></param>
         /// <returns></returns>
+        [Since("v3.4.0")]
         public Color32 GetMarkColor(Serie serie, SerieData serieData)
         {
             var itemStyle = SerieHelper.GetItemStyle(serie, serieData);
@@ -719,11 +735,22 @@ namespace XCharts.Runtime
         [Since("v3.7.0")]
         public void CancelTooltip()
         {
+            m_PointerEventData = null;
             var tooltip = GetChartComponent<Tooltip>();
             if (tooltip != null)
             {
                 tooltip.SetActive(false);
             }
         }
+
+        /// <summary>
+        /// reset chart status. When some parameters are set, due to the animation effect, the chart status may not be correct.
+        /// ||重置图表状态。当设置某些参数后，由于动画影响，可能导致图表状态不正确，此时可以调用该接口重置图表状态。
+        /// </summary>
+        [Since("v3.10.0")]
+        public void ResetChartStatus()
+        {
+            foreach (var handler in m_SerieHandlers) handler.ForceUpdateSerieContext();
+        }
     }
 }

Runtime/Internal/BaseChart.Component.cs

@@ -123,9 +123,11 @@ namespace XCharts.Runtime
             var handler = (MainComponentHandler)Activator.CreateInstance(attrubte.handler);
             handler.attribute = attrubte;
             handler.chart = this;
+            handler.order = attrubte.order;
             handler.SetComponent(component);
             component.handler = handler;
             m_ComponentHandlers.Add(handler);
+            m_ComponentHandlers.Sort((a, b) => { return a.order.CompareTo(b.order); });
         }
 
         public bool RemoveChartComponent<T>(int index = 0)
@@ -457,13 +459,14 @@ namespace XCharts.Runtime
         internal bool GetSerieGridCoordAxis(Serie serie, out Axis axis, out Axis relativedAxis)
         {
             var yAxis = GetChartComponent<YAxis>(serie.yAxisIndex);
-            if (yAxis == null)
+            var xAxis = GetChartComponent<XAxis>(serie.xAxisIndex);
+            if (xAxis == null || yAxis == null)
             {
                 axis = null;
                 relativedAxis = null;
                 return false;
             }
-            var isY = yAxis.IsCategory();
+            var isY = yAxis.IsCategory() && !xAxis.IsCategory();
             if (isY)
             {
                 axis = yAxis;

Runtime/Internal/BaseChart.Serie.cs

@@ -442,6 +442,27 @@ namespace XCharts.Runtime
             return null;
         }
 
+        /// <summary>
+        /// Add a link data to serie.
+        /// ||添加一个关系图的关系数据。
+        /// </summary>
+        /// <param name="serieIndex">the index of serie</param>
+        /// <param name="sourceName">the source name of link</param>
+        /// <param name="targetName">the target name of link</param>
+        /// <param name="value">the value of link</param>
+        /// <returns></returns>
+        public SerieDataLink AddLink(int serieIndex, string sourceName, string targetName, double value)
+        {
+            var serie = GetSerie(serieIndex);
+            if (serie != null)
+            {
+                var link = serie.AddLink(sourceName, targetName, value);
+                RefreshPainter(serie.painter);
+                return link;
+            }
+            return null;
+        }
+
         /// <summary>
         /// Update serie data by serie name.
         /// ||更新指定系列中的指定索引数据。

Runtime/Internal/BaseChart.cs

@@ -19,6 +19,7 @@ namespace XCharts.Runtime
         [SerializeField] protected ThemeStyle m_Theme = new ThemeStyle();
         [SerializeField] protected Settings m_Settings;
         [SerializeField] protected DebugInfo m_DebugInfo = new DebugInfo();
+        [SerializeField] protected bool m_ChartInited = false;
 
 #pragma warning disable 0414
         [SerializeField][ListForComponent(typeof(AngleAxis))] private List<AngleAxis> m_AngleAxes = new List<AngleAxis>();
@@ -146,10 +147,15 @@ namespace XCharts.Runtime
         {
             RemoveAllChartComponent();
             OnBeforeSerialize();
+
             EnsureChartComponent<Title>();
             EnsureChartComponent<Tooltip>();
             EnsureChartComponent<Title>().text = GetType().Name;
 
+            var background = EnsureChartComponent<Background>();
+            background.borderStyle.show = true;
+            background.borderStyle.cornerRadius = new float[] { 10, 10, 10, 10 };
+
             if (m_Theme.sharedTheme != null)
                 m_Theme.sharedTheme.CopyTheme(ThemeType.Default);
             else
@@ -158,13 +164,27 @@ namespace XCharts.Runtime
             var sizeDelta = rectTransform.sizeDelta;
             if (sizeDelta.x < 580 && sizeDelta.y < 300)
             {
-                rectTransform.sizeDelta = new Vector2(580, 300);
+                m_GraphWidth = 580;
+                m_GraphHeight = 300;
+                m_ChartWidth = m_GraphWidth;
+                m_ChartHeight = m_GraphHeight;
+                rectTransform.sizeDelta = new Vector2(m_ChartWidth, m_ChartHeight);
             }
             ChartHelper.HideAllObject(transform);
+            m_ChartInited = true;
             if (m_OnInit != null)
                 m_OnInit();
         }
 
+        protected void CheckChartInit()
+        {
+            if (!m_ChartInited)
+            {
+                OnInit();
+                DefaultChart();
+            }
+        }
+
 #if UNITY_EDITOR
         protected override void Reset()
         {
@@ -198,7 +218,7 @@ namespace XCharts.Runtime
             foreach (var handler in m_SerieHandlers) handler.Update();
             foreach (var handler in m_ComponentHandlers) handler.Update();
             foreach (var handler in m_SerieHandlers) handler.AfterUpdate();
-            
+
             m_DebugInfo.Update();
             if (m_OnUpdate != null)
                 m_OnUpdate();

Runtime/Internal/Basic/MainComponent.cs

@@ -88,6 +88,7 @@ namespace XCharts.Runtime
 
     public abstract class MainComponentHandler
     {
+        public int order { get; internal set; }
         public BaseChart chart { get; internal set; }
         public ComponentHandlerAttribute attribute { get; internal set; }
 

Runtime/Internal/Data.meta

@@ -1,5 +1,5 @@
 fileFormatVersion: 2
-guid: 5e8b7c21c2d5a45f09bfd4028bbe5f63
+guid: fcb8d4f1ad56b432f8a8eae9fa5941b3
 folderAsset: yes
 DefaultImporter:
   externalObjects: {}

Runtime/Internal/Data/Graph.cs

@@ -0,0 +1,416 @@
+using System.Collections.Generic;
+using UnityEngine;
+
+namespace XCharts.Runtime
+{
+    /// <summary>
+    /// the data struct of graph.
+    /// ||数据结构-图。
+    /// </summary>
+    public class Graph
+    {
+        public bool directed;
+        public List<GraphNode> nodes = new List<GraphNode>();
+        public List<GraphEdge> edges = new List<GraphEdge>();
+
+        public Dictionary<string, GraphNode> nodeMap = new Dictionary<string, GraphNode>();
+        public Dictionary<string, GraphEdge> edgeMap = new Dictionary<string, GraphEdge>();
+
+        public Graph(bool directed)
+        {
+            this.directed = directed;
+        }
+
+        public void Clear()
+        {
+            nodes.Clear();
+            edges.Clear();
+            nodeMap.Clear();
+            edgeMap.Clear();
+        }
+
+        public void Refresh()
+        {
+            foreach (var node in nodes)
+            {
+                node.depth = GetNodeDepth(node);
+            }
+        }
+
+        public static double GetNodesTotalValue(List<GraphNode> nodes)
+        {
+            double totalValue = 0;
+            foreach (var node in nodes)
+            {
+                totalValue += node.totalValues;
+            }
+            return totalValue;
+        }
+
+        public List<List<GraphNode>> GetDepthNodes()
+        {
+            List<List<GraphNode>> depthNodes = new List<List<GraphNode>>();
+            var maxDepth = GetMaxDepth();
+            for (int i = 0; i <= maxDepth; i++)
+            {
+                depthNodes.Add(new List<GraphNode>());
+            }
+            foreach (var node in nodes)
+            {
+                if (node.inDegree == 0)
+                {
+                    depthNodes[0].Add(node);
+                }
+                else
+                {
+                    int deep = GetNodeDepth(node);
+                    depthNodes[maxDepth - deep].Add(node);
+                }
+            }
+            return depthNodes;
+        }
+
+        public List<GraphNode> GetRootNodes()
+        {
+            List<GraphNode> rootNodes = new List<GraphNode>();
+            foreach (var node in nodes)
+            {
+                if (node.inDegree == 0)
+                {
+                    rootNodes.Add(node);
+                }
+            }
+            return rootNodes;
+        }
+
+        public int GetMaxDepth()
+        {
+            int maxDepth = 0;
+            foreach (var node in nodes)
+            {
+                int deep = GetNodeDepth(node);
+                if (deep > maxDepth)
+                {
+                    maxDepth = deep;
+                }
+            }
+            return maxDepth;
+        }
+
+        // public int GetNodeDepth(GraphNode node)
+        // {
+        //     int depth = 0;
+        //     GetNodeDepth(node, ref depth);
+        //     return depth;
+        // }
+
+        // public void GetNodeDepth(GraphNode node, ref int depth, int recursiveCount = 0)
+        // {
+        //     if (recursiveCount > 50)
+        //     {
+        //         XLog.Error("Graph.GetNodeDeep(): recursiveCount > 50, maybe graph is ring");
+        //         return;
+        //     }
+        //     if (node.inDegree == 0)
+        //     {
+        //         return;
+        //     }
+        //     else
+        //     {
+        //         depth += 1;
+        //         foreach (var edge in node.inEdges)
+        //         {
+        //             GetNodeDepth(edge.node1, ref depth, recursiveCount + 1);
+        //         }
+        //     }
+        // }
+
+        public int GetNodeDepth(GraphNode node, int recursiveCount = 0)
+        {
+            if (recursiveCount > 50)
+            {
+                XLog.Error("Graph.GetNodeDeep(): recursiveCount > 50, maybe graph is ring");
+                return 0;
+            }
+            int depth = 0;
+            if (node.outDegree == 0)
+            {
+                return depth;
+            }
+            else
+            {
+                foreach (var edge in node.outEdges)
+                {
+                    int otherDeep = GetNodeDepth(edge.node2, recursiveCount + 1);
+                    if (otherDeep > depth)
+                    {
+                        depth = otherDeep;
+                    }
+                }
+                return depth + 1;
+            }
+        }
+
+
+
+        public GraphNode GetNode(string nodeId)
+        {
+            if (nodeMap.ContainsKey(nodeId))
+            {
+                return nodeMap[nodeId];
+            }
+            else
+            {
+                return null;
+            }
+        }
+
+        public GraphEdge GetEdge(string nodeId1, string nodeId2)
+        {
+            if (directed)
+            {
+                return edgeMap[nodeId1 + "_" + nodeId2];
+            }
+            else
+            {
+                var key = nodeId1 + "_" + nodeId2;
+                if (edgeMap.ContainsKey(key))
+                {
+                    return edgeMap[key];
+                }
+                else
+                {
+                    key = nodeId2 + "_" + nodeId1;
+                    if (edgeMap.ContainsKey(key))
+                    {
+                        return edgeMap[key];
+                    }
+                    else
+                    {
+                        return null;
+                    }
+                }
+            }
+        }
+
+        public GraphNode AddNode(string nodeId, string nodeName, int dataIndex)
+        {
+            if (nodeMap.ContainsKey(nodeId))
+            {
+                return nodeMap[nodeId];
+            }
+            else
+            {
+                GraphNode node = new GraphNode(nodeId, nodeName, dataIndex);
+                node.hostGraph = this;
+                nodeMap.Add(nodeId, node);
+                nodes.Add(node);
+                return node;
+            }
+        }
+
+        public GraphEdge AddEdge(string nodeId1, string nodeId2, double value)
+        {
+            GraphNode node1, node2;
+            if (!nodeMap.TryGetValue(nodeId1, out node1))
+            {
+                XLog.Warning("Graph.AddEdge(): " + nodeId1 + " not exist");
+                return null;
+            }
+            if (!nodeMap.TryGetValue(nodeId2, out node2))
+            {
+                XLog.Warning("Graph.AddEdge(): " + nodeId2 + " not exist");
+                return null;
+            }
+            if (node1 == null)
+            {
+                XLog.Warning("Graph.AddEdge(): node1 is null");
+                return null;
+            }
+            if (node2 == null)
+            {
+                XLog.Warning("Graph.AddEdge(): node2 is null");
+                return null;
+            }
+            if (node1 == node2)
+            {
+                XLog.Warning("Graph.AddEdge(): node1 == node2");
+                return null;
+            }
+            string edgeKey = nodeId1 + "_" + nodeId2;
+            if (edgeMap.ContainsKey(edgeKey))
+            {
+                return edgeMap[edgeKey];
+            }
+            else
+            {
+                GraphEdge edge = new GraphEdge(node1, node2, value);
+                edge.key = edgeKey;
+                edge.hostGraph = this;
+
+                if (directed)
+                {
+                    node1.outEdges.Add(edge);
+                    node2.inEdges.Add(edge);
+                }
+                node1.edges.Add(edge);
+                if (node1 != node2)
+                {
+                    node2.edges.Add(edge);
+                }
+
+                edgeMap.Add(edgeKey, edge);
+                edges.Add(edge);
+                return edge;
+            }
+        }
+
+        public void EachNode(System.Action<GraphNode> onEach)
+        {
+            if (onEach == null) return;
+            foreach (var node in nodes)
+            {
+                onEach(node);
+            }
+        }
+
+        public void BreadthFirstTraverse(GraphNode startNode, System.Action<GraphNode> onTraverse)
+        {
+            if (startNode == null) return;
+            foreach (var node in nodes)
+            {
+                node.visited = false;
+            }
+
+            onTraverse(startNode);
+            startNode.visited = true;
+
+            Queue<GraphNode> queue = new Queue<GraphNode>();
+            queue.Enqueue(startNode);
+            while (queue.Count > 0)
+            {
+                var currentNode = queue.Dequeue();
+                foreach (var edge in currentNode.edges)
+                {
+                    var otherNode = edge.node1 == currentNode ? edge.node2 : edge.node1;
+                    if (!otherNode.visited)
+                    {
+                        onTraverse(otherNode);
+                        otherNode.visited = true;
+                        queue.Enqueue(otherNode);
+                    }
+                }
+            }
+        }
+
+        public void DeepFirstTraverse(GraphNode startNode, System.Action<GraphNode> onTraverse)
+        {
+            if (startNode == null) return;
+            foreach (var node in nodes)
+            {
+                node.visited = false;
+            }
+
+            Stack<GraphNode> stack = new Stack<GraphNode>();
+            stack.Push(startNode);
+            while (stack.Count > 0)
+            {
+                var currentNode = stack.Pop();
+                if (!currentNode.visited)
+                {
+                    onTraverse(currentNode);
+                    currentNode.visited = true;
+                }
+                foreach (var edge in currentNode.edges)
+                {
+                    var otherNode = edge.node1 == currentNode ? edge.node2 : edge.node1;
+                    if (!otherNode.visited)
+                    {
+                        stack.Push(otherNode);
+                    }
+                }
+            }
+        }
+    }
+
+    /// <summary>
+    /// The node of graph.
+    /// ||图的节点。
+    /// </summary>
+    public class GraphNode
+    {
+        public string id;
+        public string name;
+        public List<GraphEdge> edges = new List<GraphEdge>();
+        public List<GraphEdge> inEdges = new List<GraphEdge>();
+        public List<GraphEdge> outEdges = new List<GraphEdge>();
+        public Graph hostGraph;
+        public int dataIndex;
+        public bool visited;
+        public int depth = -1;
+
+        public GraphNode(string id, string name, int dataIndex)
+        {
+            this.id = id;
+            this.name = name;
+            this.dataIndex = dataIndex;
+        }
+
+        public int degree { get { return edges.Count; } }
+
+        public int inDegree { get { return inEdges.Count; } }
+
+        public int outDegree { get { return outEdges.Count; } }
+
+        public double totalValues
+        {
+            get
+            {
+                double totalValue = 0;
+                if (inEdges.Count == 0)
+                {
+                    foreach (var edge in outEdges)
+                    {
+                        totalValue += edge.value;
+                    }
+                }
+                else
+                {
+                    foreach (var edge in inEdges)
+                    {
+                        totalValue += edge.value;
+                    }
+                }
+                return totalValue;
+            }
+        }
+        public override string ToString()
+        {
+            return name;
+        }
+    }
+
+    /// <summary>
+    /// The edge of graph.
+    /// ||图的边。
+    /// </summary>
+    public class GraphEdge
+    {
+        public string key;
+        public GraphNode node1;
+        public GraphNode node2;
+        public double value;
+        public Graph hostGraph;
+
+        public List<Vector3> points = new List<Vector3>();
+        public float width;
+        public bool highlight;
+
+        public GraphEdge(GraphNode node1, GraphNode node2, double value)
+        {
+            this.node1 = node1;
+            this.node2 = node2;
+            this.value = value;
+        }
+    }
+}

Runtime/Internal/Data/Graph.cs.meta

@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 1d778205a63524227a09c7e5b0e8736f
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 

Runtime/Internal/Object/ChartText.cs

@@ -70,7 +70,7 @@ namespace XCharts.Runtime
 #if dUI_TextMeshPro
             if (m_TMPText != null) m_TMPText.fontSize = fontSize;
 #else               
-            if (m_Text != null) m_Text.fontSize = (int) fontSize;
+            if (m_Text != null) m_Text.fontSize = (int)fontSize;
 #endif           
         }
 
@@ -104,6 +104,16 @@ namespace XCharts.Runtime
 #endif
         }
 
+        public Color GetColor()
+        {
+#if dUI_TextMeshPro
+            if (m_TMPText != null) return m_TMPText.color;
+#else
+            if (m_Text != null) return m_Text.color;
+#endif
+            return Color.clear;
+        }
+
         public void SetLineSpacing(float lineSpacing)
         {
 #if dUI_TextMeshPro
@@ -253,9 +263,12 @@ namespace XCharts.Runtime
         public float GetPreferredWidth(string content)
         {
 #if dUI_TextMeshPro
-            if (m_TMPText != null) return 0; // TODO:
+            if (m_TMPText != null && !string.IsNullOrEmpty(content))
+            {
+                return m_TMPText.GetPreferredValues(content).x;
+            }
 #else
-            if (m_Text != null)
+            if (m_Text != null && !string.IsNullOrEmpty(content))
             {
                 var tg = m_Text.cachedTextGeneratorForLayout;
                 var setting = m_Text.GetGenerationSettings(Vector2.zero);
@@ -286,25 +299,18 @@ namespace XCharts.Runtime
 
         public string GetPreferredText(string content, string suffix, float maxWidth)
         {
-#if dUI_TextMeshPro
-            if (m_TMPText != null) return content; // TODO:
-#else
-            if (m_Text != null)
+            var sourWid = GetPreferredWidth(content);
+            if (sourWid < maxWidth) return content;
+            var suffixWid = GetPreferredWidth(suffix);
+            var textWid = maxWidth - 1.3f * suffixWid;
+            for (int i = content.Length; i > 0; i--)
             {
-                var sourWid = GetPreferredWidth(content);
-                if (sourWid < maxWidth) return content;
-                var suffixWid = GetPreferredWidth(suffix);
-                var textWid = maxWidth - 1.3f * suffixWid;
-                for (int i = content.Length; i > 0; i--)
+                var temp = content.Substring(0, i);
+                if (GetPreferredWidth(temp) < textWid)
                 {
-                    var temp = content.Substring(0, i);
-                    if (GetPreferredWidth(temp) < textWid)
-                    {
-                        return temp + suffix;
-                    }
+                    return temp + suffix;
                 }
             }
-#endif
             return string.Empty;
         }
 

Runtime/Internal/Object/LegendItem.cs

@@ -29,6 +29,8 @@ namespace XCharts.Runtime
         public string legendName { get { return m_LegendName; } set { m_LegendName = value; } }
         public GameObject gameObject { get { return m_GameObject; } }
         public Button button { get { return m_Button; } }
+        public ChartText text { get { return m_Text; } }
+
         public float width
         {
             get

Runtime/Internal/Pools/ListPool.cs

@@ -2,7 +2,7 @@ using System.Collections.Generic;
 
 namespace XCharts.Runtime
 {
-    internal static class ListPool<T>
+    public static class ListPool<T>
     {
         private static readonly ObjectPool<List<T>> s_ListPool = new ObjectPool<List<T>>(OnGet, OnClear);
         static void OnGet(List<T> l)