首先来夸夸这个插件,美观性、响应速度和互动性。易于上手和快速设置。每项功能都可以从代码和编辑器中自定义。“图形和图表”兼容性强,包括 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…” 按钮就可以进行数值的设定了: