update doc

This commit is contained in:
monitor1394
2023-02-13 07:22:07 +08:00
parent 9f94541b9e
commit 9c069296ed
10 changed files with 128 additions and 124 deletions

View File

@@ -1,6 +1,6 @@
---
title: 入门教程5分钟上手 XCharts 3.0
sidebar_position: 1
sidebar_position: 11
slug: /tutorial01
---
@@ -105,29 +105,29 @@ chart.SetSize(580, 300);//代码动态设置尺寸或直接操作chart.rectTr
设置标题:
```C#
var title = chart.GetOrAddChartComponent<Title>();
var title = chart.EnsureChartComponent<Title>();
title.text = "Simple Line";
```
设置提示框和图例是否显示:
```C#
var tooltip = chart.GetOrAddChartComponent<Tooltip>();
var tooltip = chart.EnsureChartComponent<Tooltip>();
tooltip.show = true;
var legend = chart.GetOrAddChartComponent<Legend>();
var legend = chart.EnsureChartComponent<Legend>();
legend.show = false;
```
设置坐标轴:
```C#
var xAxis = chart.GetOrAddChartComponent<XAxis>();
var xAxis = chart.EnsureChartComponent<XAxis>();
xAxis.splitNumber = 10;
xAxis.boundaryGap = true;
xAxis.type = Axis.AxisType.Category;
var yAxis = chart.GetOrAddChartComponent<YAxis>();
var yAxis = chart.EnsureChartComponent<YAxis>();
yAxis.type = Axis.AxisType.Value;
```
@@ -201,11 +201,11 @@ XCharts支持TextMeshPro但默认是不开启的需要自己手动切换
需要先获取组件,再修改里面的参数:
```C#
var title = chart.GetOrAddChartComponent<Title>();
var title = chart.EnsureChartComponent<Title>();
title.text = "Simple LineChart";
title.subText = "normal line";
var xAxis = chart.GetOrAddChartComponent<XAxis>();
var xAxis = chart.EnsureChartComponent<XAxis>();
xAxis.splitNumber = 10;
xAxis.boundaryGap = true;
xAxis.type = Axis.AxisType.Category;
@@ -240,9 +240,9 @@ serie.roundCap = true;
给Serie添加额外组件
```C#
serie.AddExtraComponent<AreaStyle>();
serie.EnsureComponent<AreaStyle>();
var label = serie1.AddExtraComponent<LabelStyle>();
var label = serie1.EnsureComponent<LabelStyle>();
label.offset = new Vector3(0,20,0);
```
@@ -253,7 +253,7 @@ var serieData = chart.AddData(0, 20);
//var serieData = serie.GetSerieData(0); //从已有数据中获取
serieData.radius = 10;
var itemStyle = serieData.GetOrAddComponent<ItemStyle>(); //给数据项添加ItemStyle组件
var itemStyle = serieData.EnsureComponent<ItemStyle>(); //给数据项添加ItemStyle组件
itemStyle.color = Color.blue;
```