Chart and Graph

Unity2019.4.17f1c1 测试 Chart and Graph 图标插件

参考视频

https://www.bilibili.com/video/BV18p4y1a7zJ/?spm_id_from=333.788.recommend_more_video.13

示例 Themes/2d/Graph/preset 7/GraphChart找个对象 挂在脚本 Graph Chart 这里示例 挂在的是GraphChart对象上
找到Data/Categories/Player 1  ...   /四种选择：Move Up（向上） 、 Move Down （向下）、 Remove （删除）、 Rename（重命名）
每个Player 1里面都有相同的内容 其中Line Thickness 调整划线的粗细程度  Add new category:  新增一个
视频中创建 一个新的脚本 using ChartAndGraph;引用了这个命名空间 public GraphChart chart;  在Start函数里 写上chart.DataSource.AddPointToCategory("这里写你监视器面板上的名字如果没改 默认是Player 1",0,0);
然后视频中复制了这个修改参数
DataInitializer对象上挂上写的这个脚本 （这个对象没看出来什么特别只是个空对象）接着拖入GraphChart 运行就可以显示图表了在StartBatch更改图
chart.DataSource.StartBatch();
在新数据类别填充前清理
chart.DataSource.ClearCategory("名字传入进来");中间是内容******************
******************************
******************************对第二种情况做同样处理
chart.DataSource.ClearCategory("名字传入进来");
chart.DataSource.AddPointToCategory("这里写你监视器面板上的名字如果没改 默认是Player 2",0,0);
中间是内容******************
******************************
******************************每个startBatch调用必须与EndBatch调用匹配
chart.DataSource.EndBatch();
重新绘制图形在Update函数里做了一些时间更新操作
其中用到的API  AddPointToCategoryRealtime    具体可以照着视频写时间是10分钟左右那会

这样写完运行的话他会一直压缩特别密  可以勾选Fit To Container 和 Scrollable 和 Auto Scroll Horizontally 取消勾选 Horizontal View
这样就出现滚动状态  除此之外还有其他的一些属性可以更改 Auto 是否自动  Data/Point Size 节点大小 Material 给线改材质 Inner Fill 线段位置往下的所有填充颜色

Vertical Axis脚本
Font Size 调整Y轴数字大小
Text Seperation 调整Y轴的位置
Alignment 调整Y轴看他位置是居左还是居右
Text Prefab 调整字体
Main Divisions/Units Per Division 调整数量
另外可以新加脚本Item Labels 每个节点上可以看到具体数值
Font Size调整大小

最后有两个网站可以参考
https://connect.unity.com/p/unityjiao-ben-yu-bian-ji-qi-gong-ju-kai-fa-sheng-shi-bi-bei-li-qi
https://blog.csdn.net/qq_39873732/article/details/88973135

测试

using UnityEngine;
using ChartAndGraph;//引用命名空间public class TestCubeMan : MonoBehaviour
{public GraphChart chart;private float timer = 1f;private float x = 4f;private void Start(){//在开始处理或结束处理的时候调用//It is also best practice to enclose graph changes in StartBatch and EndBatch callschart.DataSource.StartBatch();//使用新数据之前清空原来的//chart.DataSource.ClearCategory("名字");chart.DataSource.ClearCategory("CubeManHandRight");//测试通过AddPointToCategory这个方法可以生成图表//chart.DataSource.AddPointToCategory("名字", x轴, y轴);chart.DataSource.AddPointToCategory("CubeManHandRight", 0, 1);chart.DataSource.AddPointToCategory("CubeManHandRight", 1, 2);chart.DataSource.AddPointToCategory("CubeManHandRight", 2, 3);chart.DataSource.AddPointToCategory("CubeManHandRight", 3, 4);chart.DataSource.AddPointToCategory("CubeManHandRight", 4, 5);chart.DataSource.AddPointToCategory("CubeManHandRight", 5, 6);//如果有第二种类别 可以在绘制第二种 我这里没有 //第二种操作步骤同上 先ClearCategory 然后 AddPointToCategory//now we do the same for the second category/*ClearCategoryAddPointToCategoryAddPointToCategory*///有开始处理就要有结束处理 StartBatch 要和 EndBatch 对应//each StartBatch call must be matched with an EndBatch callchart.DataSource.EndBatch();//调用EndBatch重新绘制图表//graph is redrawn after EndBatch is called}private void Update(){//添加每隔一秒更新一次数据//now let's add a streaming data update the goes every 1 second//更新时间减过去的时间timer -= Time.deltaTime;//each update we decrease the time that has passed //如果更新时间小于0if (timer <= 0f){//时间重新设置回1timer = 1f;//set the time to one again and//AddPointToCategoryRealtime 实时添加点到类别//chart.DataSource.AddPointToCategoryRealtime("名字", x轴, y轴); //为动画设置流动时间 时间设置为1 让他在一秒内融合chart.DataSource.AddPointToCategoryRealtime("CubeManHandRight", x, Random.value, 1f); //now we can also set the animation time for the streaming value. setting it to 1 will make it blend in 1 second//设置下一个点的距离x++; //increase the x value so the next point is 1 unity away}}
}

Chart and Graph相关推荐

Unity3d Chart and Graph插件使用 (2D曲线图,饼图,条形图)
1.基本使用创建Canvas-->菜单栏快速创建Graph 2.创建完毕后找到Graph Chart脚本里data,根据实际情况创建几个曲线 3.如果自定义垂直和水平的值,就不要点击Auto ...
论文写作中的 “图” 该用哪个单词？chart/diagram/drawing/figure/graph/illustration/image/map/picture/plot？
论文写作中的 "图" 该用哪个单词?chart/diagram/drawing/figure/graph/illustration/image/map/picture/plot? ...
关于chart/diagram/drawing/figure/graph/illustration/image/map/picture/plot的辨析
转载声明:本文转载自http://hi.baidu.com/heartsoft2008/blog/item/a80056dfa91b2b1e48540304.html,对原作者鸣谢! 坦白说,每次更新 ...
[Web Chart系列之二] 各种实现js 图表的library汇总与比较
前言使用js 在浏览器展现图表, 参考系列一 Web端图形绘制SVG,VML, HTML5 Canvas 技术比较汇总目前实现web 图表的js library 数量是很多, 此处汇总: Nam ...
向 Web 开发人员推荐35款 JavaScript 图形图表库
图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等.可视化图表可以帮助开发者更容易理解复杂的数据,提高生产的效率和 Web 应用和项目的可靠性. 在这篇文章中,我们收集了3 ...
ProEssentials实时三维图表控件
原文来自方案网 http://www.fanganwang.com/Product-detail-item-1465.html,欢迎转载. 关键字:图表控件,工业图表,金融图表,工程图表 ProEss ...
Amcharts 柱状图和线形图
最近需要学习 Amcharts ,他的图表功能确实很强大.但是网上搜索到的教程很少,开始学起的确有点不方便.于是我决定把我学习的觉得好的途径,放到博客上. 下面的代码可以直接复制,但是文件要从官网上下 ...
power bi可视化表_如何使用Power BI可视化数据？
power bi可视化表什么是数据可视化? (What is Data Visualization?) With the technological revolution, data went fr ...
开源GraphView的使用--数据统计
最近做室内定位需要绘出加速度传感器输出的三个方向的加速度曲线,找到了开源https://github.com/jjoe64/GraphView-Demos,省去了要重新学MatLab *=*. 在ht ...

Chart and Graph

Unity2019.4.17f1c1 测试 Chart and Graph 图标插件

参考视频

测试

Chart and Graph相关推荐

最新文章

热门文章