Unity3d 使用Chart And Graph插件进行数据可视化(柱状图、折线图、饼图等)基本使用

前言

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

在这里插入图片描述

  • 5
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十幺卜入

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值