1 Star 6 Fork 2

Mr.Dragon / unity-ugui-XCharts

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

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型数据数组
MIT License Copyright (c) 2018 monitor1394 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

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