散点图用于显示关系。 对于 【相关性】 ，散点图有助于显示两个变量之间线性关系的强度。 对于 【回归】 ，散点图常常会添加拟合线。

举例1：你可以展示【年降雨量】与【玉米亩产量】的关系
举例2：你也可以分析各个【节假日】与【大盘波动】的关系

一、要画的图

二、画图的过程展示

三、画图的要点

• 添加一个scatter散点图表

• 设置图表的大小：SetSize(x,y)

• 设置标题：chart.Title.text|subText = “”

• 设置提示框【Tooltip】和图例【Legend】是否显示

• 设置坐标轴的数据刻度信息
  ——X轴的刻度数量，每个刻度对应的标签
  ——Y轴设置

• 清空默认数据，添加Scatter类型的Serie用于接收数据

• 添加数据：X轴的刻度数据，Y轴的数据

• 数据添加到图表上
  ——X轴的刻度标签
  ——Y1,第一组数据
  ——Y2,第二组数据

• x轴刻度标签旋转(倾斜)设置

• 设置散点的颜色

• 设置散点的大小

• 画拟合的直线
  ——增加两个端点
  ——设置直线的【方程式text】
  ——设置直线的形状

• 刷新所有的组件

四、代码清单

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using Cysharp.Threading.Tasks;
using XCharts.Runtime;
using System;
using System.Linq;
using UnityEngine.UI;public class ExampleScatterChart : MonoBehaviour
{/// 
/// 测试按钮——画线/// 
public Button StartBtn;/// 
/// 刷新图表/// 
public Button RefreshBtn;private void Start(){#region    ==============代码绑定==============begin   //开始画图StartBtn.onClick.AddListener(() =>{DrawScatterFlow();});//刷新组件RefreshBtn.onClick.AddListener(()=> {var chart = gameObject.GetComponent();chart.RefreshAllComponent();});#endregion ==============代码绑定==============end}/// 
/// 绘制散点图的流程/// 
/// private async UniTask DrawScatterFlow(){//【1】添加一个scatter散点图表Debug.Log("添加一个scatter散点图表");var chart = gameObject.GetComponent();if (chart == null){chart = gameObject.AddComponent();chart.Init();}//【2】设置图表的大小：SetSize(x,y)Debug.Log("设置图表的大小(580, 300) ");chart.SetSize(580, 300);//代码动态设置尺寸Debug.Log("2秒后重新设置大小(1102, 519) ");await UniTask.Delay(TimeSpan.FromSeconds(2.0f));chart.SetSize(1102, 519);//【3】设置标题：chart.Title.text|subText = ""Debug.Log("2秒后:设置标题 ");await UniTask.Delay(TimeSpan.FromSeconds(2.0f));var title = chart.GetOrAddChartComponent