1 Star 6 Fork 1

Mr.Dragon / unity-ugui-XCharts

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

XCharts

An ECharts style UGUI Charting Library for Unity

ECharts风格的UGUI图表库

QQ交流群:XCharts交流群(202030963)

特性

  1. 内置丰富示例,参数可视化配置,效果实时预览,纯源码绘制
  2. 支持折线图(LineChart)、柱状图(BarChart)、饼图(PieChart)、雷达图(RadarChart)、散点图(ScatterChart)等常用图表
  3. 支持DefaultLightDark三种默认主题切换,自定义主题
  4. 支持多数据密集图表
  5. 折线图通过参数可配置出:折线图、曲线图、面积图等
  6. 饼图通过参数可配置出:饼图、环形图、南丁格尔玫瑰图等

效果图

  1. Default主题Default
  2. Light主题Light
  3. Dark主题Dark

更新日志

  • (2019.08.20)增加SerieLabel的背景宽高、文字边距、文字旋转的配置
  • (2019.08.20)增加BarChartLabel配置支持
  • (2019.08.15)增加LineChartLabel配置
  • (2019.08.15)重构BarChart,移除Bar组件,相关参数统一放到Serie中配置
  • (2019.08.15)重构LineChart,移除Line组件,相关参数统一放到Serie中配置
  • (2019.08.15)发布v0.8.3版本
  • (2019.08.14)修复PieChartLabel无法自动更新的问题
  • (2019.08.13)修复UpdateData接口无法更新数据的问题
  • (2019.08.07)增加SerieSymbolColorOpacity配置
  • (2019.08.07)发布v0.8.2版本
  • (2019.08.07)修复区域平滑折线图显示异常的问题
  • (2019.08.06)修复serie系列数超过调色盘颜色数时获取的颜色异常的问题
  • (2019.08.06)修复当Axis的minMaxType为Custom时max设置为100不生效的问题
  • (2019.08.04)发布v0.8.1版本
  • (2019.08.04)修复从Inspector中修改数据不生效的问题
  • (2019.08.04)发布v0.8.0版本
  • (2019.08.04)优化RadarChart雷达图,增加多雷达图支持
  • (2019.08.01)增加代码API注释文档,整理代码
  • (2019.07.29)增加RadiusArea两种南丁格尔玫瑰图展示类型
  • (2019.07.29)增加SerieLabel配置饼图标签,支持CenterInsideOutside等显示位置
  • (2019.07.28)增加PieChart多饼图支持
  • (2019.07.23)优化Theme主题的自定义,切换主题时自定义配置不受影响
  • (2019.07.22)增加EffectScatter类型的散点图
  • (2019.07.21)增加ScatterChart散点图
  • (2019.07.21)增加SerieData支持多维数据配置
  • (2019.07.20)增加Symbol配置Serie标志图形的显示,支持EmptyCircle,Cricle,Rect,Triangle,Diamond,None等图形形状
  • (2019.07.19)增加用代码添加动态正弦曲线的示例Demo11_AddSinCurve
  • (2019.07.19)优化Legend的显示和控制
  • (2019.07.18)优化抗锯齿,曲线更平滑
  • (2019.07.18)增加Tooltip指示器类型,优化显示控制
  • (2019.07.15)增加Size设置图表尺寸
  • (2019.07.14)增加二维数据支持,XY轴都可以设置为数值轴
  • (2019.07.13)增加双坐标轴支持,代码改动较大
  • (2019.07.10)发布v0.5.0版本
  • (2019.07.09)增加AxisLine配置坐标轴轴线和箭头
  • (2019.07.03)增加AxisLabel配置坐标轴刻度标签
  • (2019.07.02)增加selected等相关参数配置PieChart的选中效果
  • (2019.06.30)增加SplitArea配置坐标轴分割区域
  • (2019.06.29)增加AxisName配置坐标轴名称
  • (2019.06.20)增加AreaAlpha控制RadarChartArea透明度
  • (2019.06.13)增加DataZoom实现区域缩放
  • (2019.06.01)增加stepType实现LineChart阶梯线图
  • (2019.05.29)增加InSameBar实现BarChart非堆叠同柱
  • (2019.05.29)增加crossLabel控制Tooltip十字准星指示器
  • (2019.05.24)增加堆叠区域图
  • (2019.05.16)增加AxisMinMaxType控制坐标轴最大最小刻度
  • (2019.05.15)完善数据接口
  • (2019.05.14)增加X轴AxisType.Value模式支持
  • (2019.05.13)增加负数数值轴支持
  • (2019.05.11)增加自定义Editor编辑
  • (2019.03.21)增加Tooltip
  • (2018.11.01)增加DefaultLightDark三种默认主题
  • (2018.09.05)发布v0.1.0版本

内置示例

折线图

  1. 基础折线图
  2. 负数数值轴+自定义最大最小刻度
  3. XY轴互换
  4. XY轴互换+区域堆叠
  5. 贝塞尔曲线平滑
  6. 折线图堆叠+图例
  7. 堆叠区域图
  8. 面积图
  9. 阶梯线图
  10. 阶梯线图+区域填充
  11. 动态数据
  12. 大数据量面积图
  13. 大数据+区域缩放
  14. 双坐标轴
  15. 笛卡尔坐标系(XY都为数值轴)
  16. 用代码添加动态的正弦曲线

柱状图

  1. 基础柱状图
  2. 负数数值轴+自定义最大最小刻度
  3. XY轴互换
  4. 坐标轴刻度与标签对齐
  5. 世界人口总量
  6. 堆叠条形图
  7. 深圳月最低生活费组成(单位:元)
  8. 非堆叠同柱
  9. 5000数据

饼图

  1. Customized Pie
  2. 环形图
  3. 环形图+默认选中
  4. 南丁格尔玫瑰图
  5. 某站点用户访问来源
  6. 用代码添加和更新数据

雷达图

  1. 基础雷达图
  2. AQI - 雷达图
  3. 自定义雷达图
  4. 多雷达图

其他

入门教程

配置项手册

Theme 主题

  • theme:主题,DefaultLightDark三种可选主题
  • themeInfo:各主题对应的默认配置,也可自己调整

Title 标题

  • show:是否显示标题,标题默认现象在顶部
  • text:标题内容
  • align:对齐方式,LeftRightCenter三种可选对齐方式
  • left:左偏移量
  • right:右偏移量
  • top:顶部偏移量
  • bottom:低部偏移量

Legend 图例

  • show:是否显示图例
  • location:图例显示在的位置,可选LeftRightTopBottom四个位置
  • itemWidth:图例标记的图形宽度
  • itemHeight:图例标记的图形高度
  • itemGap:图例每项之间的间隔。横向布局时为水平间隔,纵向布局时为纵向间隔。
  • left:左偏移量
  • right:右偏移量
  • top:顶部偏移量
  • bottom:低部偏移量
  • dataList:图例的字符串数据数组

Coordinate 坐标系

  • show:是否显示坐标系
  • left:左偏移量
  • right:右偏移量
  • top:顶部偏移量
  • bottom:低部偏移量
  • tickness:坐标轴线的粗细
  • splitWidth:坐标刻度的长度

XAxis X坐标轴

  • type:坐标轴类型。可选:
    • value 数值轴,适用于连续数据。
    • category 类目轴,适用于离散的类目数据,为该类型时必须通过 data 设置类目数据。
  • splitNumber:分割段数
  • maxSplitNumber:最大分割段数,当data的数据大于该值时,会删除第一个data数据再添加
  • showSplitLine:是否显示分割线
  • splitLineType:分割线线的类型,可选:
    • solid:实线
    • dashed:虚线
    • dotted:点
  • boundaryGap:坐标轴两边是否留白。默认为 true,这时候刻度只是作为分隔线,标签和数据点都会在两个刻度之间的带(band)中间。
  • data:类目数据,在类目轴(type: 'category')中有效。

YAxis Y坐标轴,配置同XAxis

SeriesList 系列列表数据,和图例对应

  • legendKey:对应的图例key
  • showDataNumber:显示数据个数,默认为0全部显示
  • dataListfloat型数据数组

Repository Comments ( 0 )

Sign in for post a comment

About

An ECharts style UGUI Charting Library | 一款ECharts风格的UGUI图表库 expand collapse
C#
MIT
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
C#
1
https://gitee.com/longzjl/unity-ugui-XCharts.git
git@gitee.com:longzjl/unity-ugui-XCharts.git
longzjl
unity-ugui-XCharts
unity-ugui-XCharts
master

Search