您当前的位置: 首页 >  十幺卜入 ar

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

十幺卜入 发布时间:2021-07-06 15:30:38 ,浏览量:3

前言

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

关注
打赏
查看更多评论

十幺卜入

暂无认证

  • 3浏览

    0关注

    76博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录