Unity3d Chart and Graph插件使用 (2D曲线图,饼图,条形图)

1.基本使用

创建Canvas-->菜单栏快速创建Graph

2.创建完毕后找到Graph Chart脚本里data,根据实际情况创建几个曲线

3.如果自定义垂直和水平的值,就不要点击Auto,

  graph = GetComponent<GraphChartBase>();graph.DataSource.AutomaticVerticallView = false;graph.DataSource.VerticalViewOrigin = 0;graph.DataSource.VerticalViewSize = 3000;

4.调整垂直和水平的刻度

5 如果感觉点击节点是显示的文字太小或者重写格式,可以找到LtemLabels脚本

6.测试

using UnityEngine;
using ChartAndGraph;
using System.Collections.Generic;
using System;
public class GraphBaseMainMuen : MonoBehaviour, IComparer<DoubleVector2>
{protected List<DoubleVector2> mData = new List<DoubleVector2>();protected double pageSize = 50f;protected double currentPagePosition = 0.0;protected GraphChartBase graph;protected VerticalAxis axis;// Use this for initializationprotected virtual void Awake(){graph = GetComponent<GraphChartBase>();}// 如果您想知道当前显示的索引是什么。使用二分查找来找到它int FindClosestIndex(double position){//NOTE :: 此方法假定您的数据已排序 !!!int res = mData.BinarySearch(new DoubleVector2(position, 0.0), this);if (res >= 0)return res;return ~res;}// 给定页面位置，在该页面的数据中找到最右和最左的索引void findPointsForPage(double position, out int start, out int end){int index = FindClosestIndex(position);int i = index;double endPosition = position + pageSize;double startPosition = position - pageSize;//从当前索引开始，我们发现页面边界for (start = index; start > 0; start--){// 把纸上的第一点拿出来。所以曲线在这条边不会断裂if (mData[i].x < startPosition)break;}for (end = index; end < mData.Count; end++){if (mData[i].x > endPosition) // 把纸上的第一点拿出来break;}}protected string named;protected virtual void Update(){if (graph != null){//检查图形的滚动位置。如果我们超过了视图大小，则loada新页面double pageStartThreshold = currentPagePosition - pageSize;double pageEndThreshold = currentPagePosition + pageSize -graph.DataSource.HorizontalViewSize;if (graph.HorizontalScrolling < pageStartThreshold || graph.HorizontalScrolling > pageEndThreshold){LoadPage(graph.HorizontalScrolling,named);}}}protected void LoadPage(double pagePosition,string name){if (graph != null){// Debug.Log("Loading page :" + pagePosition);graph.DataSource.StartBatch(); // call start batchgraph.DataSource.HorizontalViewOrigin = 0;int start, end;findPointsForPage(pagePosition, out start, out end); // get the page edgesgraph.DataSource.ClearCategory("Player 1"); // clear the cateogryfor (int i = start; i < end; i++) // load the datagraph.DataSource.AddPointToCategory(name, mData[i].x, mData[i].y);graph.DataSource.EndBatch();graph.HorizontalScrolling = pagePosition;}currentPagePosition = pagePosition;}public int Compare(DoubleVector2 x, DoubleVector2 y){if (x.x < y.x)return -1;if (x.x < y.x)return 1;return 0;}
}

using ChartAndGraph;
using System;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using LitJson;
using UnityEngine.UI;public class Electro : GraphBaseMainMuen
{public static string Url= "/energy/rest/MnitorData/?retry=5&retryDelay=500&time__range=";public static string Arge = "&type=hour&pagesize=9999&order=time&EnergyCategory=5";protected static float NowTimeGross;protected static float OldTimeGross;protected override void Awake(){base.Awake();StartCoroutine(Energewww(NowTime + "," + NextTime, "Player 2"));StartCoroutine( ConstantUtils.B_invoke(() => { StartCoroutine(Energewww(OldTime + "," + NowTime, "Player 1")); },0.5f));}// Update is called once per frameprotected override void Update () {base.Update();}IEnumerator Energewww(string time,string name){WWW www = new WWW(ConstantUtils.ServerUrl+ Url + time + Arge);yield return www;if(www.isDone&&string.IsNullOrEmpty(www.error)){JsonData data = JsonMapper.ToObject(www.text);int count = int.Parse(data["count"].ToString());for (int i = 0; i < count; i++){mData.Add(new DoubleVector2(i, float.Parse( data["results"][i]["D_value"].ToString())));if (name == "Player 2")NowTimeGross += float.Parse(data["results"][i]["D_value"].ToString());elseOldTimeGross += float.Parse(data["results"][i]["D_value"].ToString());}LoadPage(currentPagePosition, name);if(name== "Player 2"){ConstantUtils.GetOrCreat<Text>("CanvasFirst/运维页面/ElectroBG/BG/今日用电量/Text").text = String.Format("{0:F}", NowTimeGross);}else{Debug.Log(Rate(NowTimeGross, OldTimeGross));}}}
}

7.上测试图,目前还可以

饼图

public class PieBase : MonoBehaviour {protected BillboardText oldtext;protected double value;protected CanvasPieChart pieChart;[HideInInspector]public bool isActive;// Use this for initializationpublic virtual void Start () {pieChart = GetComponent<CanvasPieChart>();if (isActive){pieChart.PieHovered.AddListener(Active);pieChart.NonHovered.AddListener(hide);}}private void hide(){oldtext.UIText.GetComponent<Text>().text = value.ToString();}private void Active(PieChart.PieEventArgs arg0){foreach (var i in pieChart.mPies){if(i.Key== arg0.Category){oldtext = i.Value.ItemLabel;value = arg0.Value;i.Value.ItemLabel.UIText.GetComponent<Text>().text = arg0.Category+"\n" + value;}}}// Update is called once per framevoid Update () {}
}

条形图

使用叠加模式需要点上CanvasBarChart脚本中stacked参数

using ChartAndGraph;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class BarBase : MonoBehaviour {public BarChart barChart;// Use this for initializationpublic virtual void Start () {barChart = GetComponent<BarChart>();}// Update is called once per framevoid Update () {}public void BasebarInfo(string category,Material material,float value, string Group = "All" ){barChart.DataSource.StartBatch();barChart.DataSource.AddCategory(category, material);barChart.DataSource.SetValue(category, Group, value);//barChart.DataSource.SlideValue(category, Group, value, 4f);barChart.DataSource.EndBatch();}public void Setval(string category, float value, string Group = "All"){barChart.DataSource.SetValue(category, Group, value);}
}

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class BarMain : BarBase
{public List<double> paix = new List<double>();public override void Start(){base.Start();for (int i = 0; i < 4; i++){for (int j = 0; j < 3; j++){if (j == 0){int x = Random.Range(30, 50);paix.Add(x);barChart.DataSource.SetValue(barChart.DataSource.GetCategoryName(j), barChart.DataSource.GetGroupName(i), x);}else{double x=  Random.Range(10, 40);paix.Add(x);barChart.DataSource.SetValue(barChart.DataSource.GetCategoryName(j), barChart.DataSource.GetGroupName(i), barChart.DataSource.GetValue(barChart.DataSource.GetCategoryName(j - 1), barChart.DataSource.GetGroupName(i)) +x);}}//  barChart.DataSource.SetCategoryIndex(i + "1标", i);}barChart.isok = true;}public void M_ItemRotate(){int c = 0;if (barChart.mBars == null)return;foreach (var i in barChart.mBars){i.Value.ItemLabel.UIText.GetComponent<Text>().text= paix[c].ToString();c++;}Transform ds = transform.Find("New Game Object/textController");for (int i=0;i< ds.childCount;i++){ds.GetChild(i).localEulerAngles = new Vector3(0, 0, 90);}}

Unity3d Chart and Graph插件使用 (2D曲线图,饼图,条形图)相关推荐

【风宇冲】Unity3D教程宝典之插件篇：Unity3D插件详细评测及教学下载
[风宇冲]Unity3D教程宝典之插件篇:Unity3D插件详细评测及教学下载 (2012-12-09 07:27:51) 转载▼ 标签: unity3d unity unity3d教程 unity3 ...
Chart and Graph
Unity2019.4.17f1c1 测试 Chart and Graph 图标插件参考视频 https://www.bilibili.com/video/BV18p4y1a7zJ/?spm_id_ ...
Unity3D引擎各大插件免费下载地址
Unity3D引擎作为当前最主流的3D游戏引擎之一,拥有大量第三方插件和工具.以下为各大Unity3D引擎各大插件免费下载地址,还有一些热门插件例如:Playmaker . UnIDE .Tile B ...
免费资源分享（六） Unity3D 雷达实时定位插件
免费分享 Unity3D 雷达实时定位插件. 适应版本:Unity 2018.4 链接:https://pan.baidu.com/s/1kE6uTSs70liY2l7GK3r7Eg 提取码:7dw1 ...
Unity3D中使用easyroad3d插件删除道路
Unity3D中使用easyroad3d插件删除道路操作方法: 在"Hierarchy"中选中你新建的road的名称,点击展开,会有一个名为"Markers" ...
2019年4月份整理的Unity3D 20个实用插件-免费下载
Unity3D 简易细节层次插件 Simple LOD http://www.idoubi.net/unity3d/tool/3764.html Unity3D 物体表面贴花喷漆插件 Easy Dec ...
Unity3D插件 AnyPortrait 2D骨骼动画制作
一.前言 AnyPortrait是一个创建2D角色动画制作的Unity拓展编辑器插件. AnyPortrait提供了很多功能,让你可以在Unity里面就完成动画的制作. 使用AnyPortrait插件 ...
Unity3D常用游戏开发插件测评总结
Unity3D插件详细评测及教学下载分类: unity3d2013-12-13 11:29 2230人阅读评论(0) 收藏举报 unity3d插件转载自风宇冲Unity3D教程学院本文一共分 ...
Unity3D教程宝典之插件篇：Unity3D插件详细评测及教学下载
原创文章如需转载请注明:转载自风宇冲Unity3D教程学院引言:想用Unity3D制作优秀的游戏,插件是必不可少的.工欲善其事必先利其器.本文主旨是告诉使用Unity3D引擎的同学们如何根据需求选择 ...

Unity3d Chart and Graph插件使用 (2D曲线图,饼图,条形图)

饼图

条形图

Unity3d Chart and Graph插件使用 (2D曲线图,饼图,条形图)相关推荐

最新文章

热门文章