UI update 02

2026-06-30 21:21:30 +08:00
parent b2a1e307a4
commit f62f643cfc
1666 changed files with 211081 additions and 22799 deletions
@@ -0,0 +1,178 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class BarChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            EnsureChartComponent<GridCoord>();
+            EnsureChartComponent<XAxis>();
+            EnsureChartComponent<YAxis>();
+
+            RemoveData();
+            Bar.AddDefaultSerie(this, GenerateDefaultSerieName());
+            for (int i = 0; i < 5; i++)
+            {
+                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;
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 535d2697503c2a94a887354e22a5414d
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,30 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class CandlestickChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            EnsureChartComponent<GridCoord>();
+            EnsureChartComponent<XAxis>();
+            EnsureChartComponent<YAxis>();
+
+            RemoveData();
+            var serie = Candlestick.AddDefaultSerie(this, GenerateDefaultSerieName());
+            for (int i = 0; i < serie.dataCount; i++)
+            {
+                AddXAxisData("x" + (i + 1));
+            }
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 7b64f0bb738cc4acfa72fff2c30212b4
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,112 @@
+using System.Collections.Generic;
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class HeatmapChart : BaseChart
+    {
+        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 = xSplitNumber / 2;
+
+            var yAxis = EnsureChartComponent<YAxis>();
+            yAxis.type = Axis.AxisType.Category;
+            yAxis.splitLine.show = false;
+            yAxis.boundaryGap = true;
+            yAxis.splitNumber = ySplitNumber;
+            RemoveData();
+
+            Heatmap.AddDefaultSerie(this, GenerateDefaultSerieName());
+
+            var visualMap = EnsureChartComponent<VisualMap>();
+            visualMap.autoMinMax = true;
+            visualMap.orient = Orient.Vertical;
+            visualMap.calculable = true;
+            visualMap.location.align = Location.Align.BottomLeft;
+            visualMap.location.bottom = 100;
+            visualMap.location.left = 30;
+            var colors = new List<string>
+            {
+                "#313695",
+                "#4575b4",
+                "#74add1",
+                "#abd9e9",
+                "#e0f3f8",
+                "#ffffbf",
+                "#fee090",
+                "#fdae61",
+                "#f46d43",
+                "#d73027",
+                "#a50026"
+            };
+            visualMap.AddColors(colors);
+            for (int i = 0; i < xSplitNumber; i++)
+            {
+                xAxis.data.Add((i + 1).ToString());
+            }
+            for (int i = 0; i < ySplitNumber; i++)
+            {
+                yAxis.data.Add((i + 1).ToString());
+            }
+            for (int i = 0; i < xSplitNumber; i++)
+            {
+                for (int j = 0; j < ySplitNumber; j++)
+                {
+                    var value = Random.Range(0, 150);
+                    var list = new List<double> { i, j, value };
+                    AddData(0, list);
+                }
+            }
+        }
+
+        /// <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);
+            }
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 31aa03cd4ce594c239ae746791b3b59f
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,146 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class LineChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            EnsureChartComponent<GridCoord>();
+            EnsureChartComponent<XAxis>();
+            EnsureChartComponent<YAxis>();
+
+            RemoveData();
+            Line.AddDefaultSerie(this, GenerateDefaultSerieName());
+            for (int i = 0; i < 5; i++)
+            {
+                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;
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: b4f38bd00b4648c448cabfc167538f7c
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,35 @@
+using System.Collections.Generic;
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class ParallelChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            RemoveData();
+            AddChartComponent<ParallelCoord>();
+
+            for (int i = 0; i < 3; i++)
+            {
+                var valueAxis = AddChartComponent<ParallelAxis>();
+                valueAxis.type = Axis.AxisType.Value;
+            }
+            var categoryAxis = AddChartComponent<ParallelAxis>();
+            categoryAxis.type = Axis.AxisType.Category;
+            categoryAxis.position = Axis.AxisPosition.Right;
+            categoryAxis.data = new List<string>() { "x1", "x2", "x3", "x4", "x5" };
+
+            Parallel.AddDefaultSerie(this, GenerateDefaultSerieName());
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 161753d0d6ce541c89483f8c3a21343f
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,89 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class PieChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            var legend = EnsureChartComponent<Legend>();
+            legend.show = true;
+
+            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>();
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: d44276ba809fd92408b296835f6f7658
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,168 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class PolarChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            EnsureChartComponent<PolarCoord>();
+            EnsureChartComponent<AngleAxis>();
+            var radiusAxis = EnsureChartComponent<RadiusAxis>();
+            radiusAxis.axisLabel.show = false;
+
+            var tooltip = EnsureChartComponent<Tooltip>();
+            tooltip.type = Tooltip.Type.Cross;
+            tooltip.trigger = Tooltip.Trigger.Axis;
+
+            RemoveData();
+            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;
+                var r = Mathf.Sin(2 * t) * Mathf.Cos(2 * t) * 2;
+                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));
+                }
+            }
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 574bcbd917fc148e8bb8735acda07f77
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,35 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class RadarChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            RemoveData();
+            RemoveChartComponents<RadarCoord>();
+            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;
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: d2231a0d3e3a5b043b074f6739be4a86
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,36 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class RingChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            GetChartComponent<Tooltip>().type = Tooltip.Type.Line;
+            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");
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 0ad8949f652ee4376a4a4fe5cb32029f
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,48 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class ScatterChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            EnsureChartComponent<GridCoord>();
+
+            var xAxis = EnsureChartComponent<XAxis>();
+            xAxis.type = Axis.AxisType.Value;
+            xAxis.boundaryGap = false;
+
+            var yAxis = EnsureChartComponent<YAxis>();
+            yAxis.type = Axis.AxisType.Value;
+            yAxis.boundaryGap = false;
+
+            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;
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: bf16aac0bd6c24a8da75846c34c5193e
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,30 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class SimplifiedBarChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            EnsureChartComponent<GridCoord>();
+            EnsureChartComponent<XAxis>();
+            EnsureChartComponent<YAxis>();
+
+            RemoveData();
+            SimplifiedBar.AddDefaultSerie(this, GenerateDefaultSerieName());
+            for (int i = 0; i < GetSerie(0).dataCount; i++)
+            {
+                AddXAxisData("x" + (i + 1));
+            }
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: aa86c3bbf8877409c9d45716fbaf92f4
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,30 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class SimplifiedCandlestickChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            EnsureChartComponent<GridCoord>();
+            EnsureChartComponent<XAxis>();
+            EnsureChartComponent<YAxis>();
+
+            RemoveData();
+            SimplifiedCandlestick.AddDefaultSerie(this, GenerateDefaultSerieName());
+            for (int i = 0; i < GetSerie(0).dataCount; i++)
+            {
+                AddXAxisData("x" + (i + 1));
+            }
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 6dcc9bd1ca8344d938f386e6b32e8946
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
@@ -0,0 +1,30 @@
+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))]
+    [DisallowMultipleComponent]
+    [HelpURL("https://xcharts-team.github.io/docs/configuration")]
+    public class SimplifiedLineChart : BaseChart
+    {
+        protected override void DefaultChart()
+        {
+            EnsureChartComponent<GridCoord>();
+            EnsureChartComponent<XAxis>();
+            EnsureChartComponent<YAxis>();
+
+            RemoveData();
+            SimplifiedLine.AddDefaultSerie(this, GenerateDefaultSerieName());
+            for (int i = 0; i < GetSerie(0).dataCount; i++)
+            {
+                AddXAxisData("x" + (i + 1));
+            }
+        }
+    }
+}
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: a8233997c1b324ecd875a03af4d90972
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: