EzChart 插件使用整理

EzChart 插件使用整理

EzChart 是一款提供数据可视化的Unity插件。

Assetstore链接: https://assetstore.unity.com/packages/tools/gui/ezchart-147893

前几天刚好有活动入手发现还蛮好用的并且效果也很整洁,代码的可读性也可以。

在此做下使用整理。

提供展示类型: 饼状图.柱状图.线行图.玫瑰图.雷达图.仪表盘.实心仪表

screenshot


核心组件

Chart ChartOptions ChartData

一个展示图表 需要依赖 Chart ChartOptions 和ChatData 三个组件

Chart

在这里插入图片描述

依赖 ChartOptions以及 ChartData

​ ChartOptions为图表做内容细节显示设置 ChartData为数据信息源

并且提供两个操作接口

​ Clear()接口 为外部调用清除当前图表展示

​ UpdateChart() 为当数据更新时 刷新图表展示

ChartType 设置当前图表的主显示类型

public enum ChartType
    {
        // 饼状图 柱状图 线行图  
        PieChart, BarChart, LineChart, 
        // 玫瑰图 雷达图
        RoseChart, RadarChart, 
        // 仪表盘 实心仪表
        Gauge, SolidGauge
    }
ChartOptions

在这里插入图片描述

ChartOptions提供对图表呈现格式的设置

包括布局、横纵轴、背板(边界)、鼠标焦点信息展示、数据的label格式等。

待详细展开

ChartData
public class ChartData : MonoBehaviour
    {
        public List<Series> series = new List<Series>();
        public List<string> categories = new List<string>();
    }

ChartData 中存在一个类别列表 categories 提供按类别分类筛选功能

数据源存储在定义的 Series 列表中

[System.Serializable]
    public class Series
    {
        public string name = "";
        public bool show = true;
        public int colorIndex = -1;
        public List<Data> data = new List<Data>();
    }

Series 有 名称属性、是否显示、颜色索引以及数据列表。

Data 数据结构 提供 show属性、x标志轴值、value值属性。

在这里插入图片描述


使用事项

1.在对新建的Chart存储Prefab时,注意务必先清空图表展示。Clear一下。

2.需要添加宏 "CHART_TMPRO 来开启 TextMeshPro的支持。

3.饼图 玫瑰图和 雷达图 仅支持正数

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值