前言

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

在这里插入图片描述

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐