前言
首先来夸夸这个插件,美观性、响应速度和互动性。易于上手和快速设置。每项功能都可以从代码和编辑器中自定义。“图形和图表”兼容性强,包括 VR/AR、移动端、网页和桌面端等。与 UGUI Canvas 完美集成。一句话数据可视化选它完美。
使用
插件导入工程后,直接去demo目录(Assets\Chart And Graph\Themes),可以快速找到你要做的图表demo。
我们先看看2d目录下有这些类型的表:
下面以柱状图
Bar(柱状图)
先看看效果图
常用脚本
如下图:
Canvas Bar Chart:
就是柱状图的主体脚本,基本柱状图所有的设置都在脚本中进行。
Item Lables:
柱体的文字设置,包含位置,字体大小、间隔等。
Group Labels:
分组的文字设置,包含文字前后缀,字体大小等。
Category Labels:
种类(类似于横坐标)的文字设置,内容基本同上。
Vertical Axis:
纵轴坐标的设置,主分割线和子分割线、文字、拉伸等一系列设置。
Bar Animation:
这个是柱子的动画脚本。
选择类型
这个需要修改View Type的选项实现:
Normal 就正常分组的,
Negative 带负数的(两个方向的)MinValue需要改成负数
Stacked 堆叠的,每个分组的不同种类的柱子会做堆叠。
事件绑定
OnRedraw 重画表格事件
BarClicked 点击每个柱体事件,可以获取到topPositio category, group这些参数。
BarHovered 鼠标在柱体上悬停事件,可以获取到topPositio category, group这些参数。
NonHovered 无悬停事件。
以上事件可以像按钮组件一样预设值好关联事件的处理函数。
数据设置
数据设置前先需要对分组(Groups)和种类(Categories)进行设置,在Canvas Bar Chart 》 Data下进行设置
Categories 的设置
如图:
可以对每个点设置正常状态下的材质球,鼠标悬停和选中的颜色,同时可以进行上下移动,删除等操作。
Groups的设置:
主要的值就是分组的组名。
数值设置:
在设置完成分组(Groups)和种类(Categories)后,点击 “Edite Values…” 按钮就可以进行数值的设定了: