XCharts

An ECharts style UGUI Charting Library for Unity

ECharts风格的UGUI图表库

QQ交流群：XCharts交流群（202030963）

特性

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

效果图

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

更新日志

• （2019.08.20）增加SerieLabel的背景宽高、文字边距、文字旋转的配置
• （2019.08.20）增加BarChart的Label配置支持
• （2019.08.15）增加LineChart的Label配置
• （2019.08.15）重构BarChart，移除Bar组件，相关参数统一放到Serie中配置
• （2019.08.15）重构LineChart，移除Line组件，相关参数统一放到Serie中配置
• （2019.08.15）发布v0.8.3版本
• （2019.08.14）修复PieChart的Label无法自动更新的问题
• （2019.08.13）修复UpdateData接口无法更新数据的问题
• （2019.08.07）增加SerieSymbol的Color、Opacity配置
• （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）增加Radius、Area两种南丁格尔玫瑰图展示类型
• （2019.07.29）增加SerieLabel配置饼图标签，支持Center、Inside、Outside等显示位置
• （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控制RadarChart的Area透明度
• （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）增加Default、Light、Dark三种默认主题
• （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. 多雷达图

其他

入门教程

• XCharts开源库介绍

配置项手册

Theme 主题

• theme：主题，Default、Light、Dark三种可选主题
• themeInfo：各主题对应的默认配置，也可自己调整

Title 标题

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

Legend 图例

• show：是否显示图例
• location：图例显示在的位置，可选Left、Right、Top、Bottom四个位置
• 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全部显示
• dataList：float型数据数组