2021-01-07 折线图绘制

折线图的绘制:

2021-01-07 折线图绘制_第1张图片
效果图如图所示
2021-01-07 折线图绘制_第2张图片
2021-01-07 折线图绘制_第3张图片
2021-01-07 折线图绘制_第4张图片
2021-01-07 折线图绘制_第5张图片
折线图表中的数值是在英文状态下以逗号输入的,如果看着不是很清晰,或者数值的输入不是很方便可以先把数值拆解出来。Y轴尽量不要随便缩放。

逻辑——变量(Variables)——(Float Array)数组 

2021-01-07 折线图绘制_第6张图片
将折线图中的数值直接拖动到数组节点上面,数值就可以拆分开了。实际上连接的是输出位置可以通过调整数组节点里面的参数调整数值,这样的控制会方便很多。   
2021-01-07 折线图绘制_第7张图片
将数值与坐标中的数据对上。
2021-01-07 折线图绘制_第8张图片
添加面积图,并且将数值连接到线上。 
2021-01-07 折线图绘制_第9张图片
为面积图添加渐变并且调整贴图的坐标模式。
2021-01-07 折线图绘制_第10张图片
为贴图展UV
2021-01-07 折线图绘制_第11张图片
把坐标方向调整对之后调整Y轴的坐标和缩放。

所有参数都调整好以后可以打开材质类型调节透明度。

2021-01-07 折线图绘制_第12张图片

坐标轴上的点位使用的是粒子系统:

2021-01-07 折线图绘制_第13张图片
模块(Module)——"+"——数据发射器(Data Emitter)、创建一个数据发射器。
2021-01-07 折线图绘制_第14张图片
如果只是做点位的数据可是使用位置范围
2021-01-07 折线图绘制_第15张图片
数据(Data)——位置(范围)(Position(Range))(横向制作点位的间距效果用这个效果。)


2021-01-07 折线图绘制_第16张图片
输入数量与坐标轴相同。

添加一个数据控制位置。

2021-01-07 折线图绘制_第17张图片


2021-01-07 折线图绘制_第18张图片
2021-01-07 折线图绘制_第19张图片
模块(Module)——"+"——精灵(Sprites)、创建一个数据发射器。

你可能感兴趣的:(2021-01-07 折线图绘制)