XCharts
An ECharts style UGUI Charting Library for Unity
ECharts
风格的UGUI图表库
QQ交流群:XCharts交流群(202030963)
XCharts问答
XChartsAPI手册
XCharts配置项手册
教程:5分钟上手XCharts
特性
- 内置丰富示例,参数可视化配置,效果实时预览,纯源码绘制
- 支持折线图(
LineChart
)、柱状图(BarChart
)、饼图(PieChart
)、雷达图(RadarChart
)、散点图(ScatterChart
)等常用图表 - 支持
Default
、Light
、Dark
三种默认主题切换,自定义主题 - 支持多数据密集图表
- 折线图通过参数可配置出:折线图、曲线图、面积图等
- 饼图通过参数可配置出:饼图、环形图、南丁格尔玫瑰图等
效果图
更新日志
- (2019.10.10)增加
Settings
全局参数配置组件,开放更多参数可配置 - (2019.10.09)增加
AreaStyle
的高亮相关参数配置鼠标悬浮时高亮之前区域 - (2019.10.09)优化
DataZoom
组件,增加双指缩放 - (2019.10.05)增加
SerieLabel
的LineType
给饼图配置不同类型的视觉引导线 - (2019.10.02)增加
ScatterChart
同时对Scatter
和Line
的支持,实现折线图和散点图的组合图 - (2019.10.01)重构代码,废弃
Series.series
接口,用Series.list
代替 - (2019.10.01)增加
customDrawCallback
自定义绘制回调 - (2019.10.01)增加
SmoothDash
平滑虚线的支持 - (2019.09.30)增加
Serie
采样类型sampleType
的相关配置 - (2019.09.29)增加
SerieSymbol
关于显示间隔的相关配置 - (2019.09.29)重构代码:
BaseChart
的sampleDist
删除,Serie
增加lineSampleDist
BaseChart
的minShowDataNumber
删除,Serie
增加minShow
BaseChart
的maxShowDataNumber
删除,Serie
增加maxShow
BaseChart
的maxCacheDataNumber
删除,Serie
增加maxCache
BaseChart
的AddSerie()
接口参数调整BaseChart
的UpdateData()
接口参数调整Axis
增加maxCache
- (2019.09.28)增加
LineChart
和BarChart
同时对Line
、Bar
类型Serie
的支持,实现折线图和柱状图的组合图 - (2019.09.27)增加
Axis
的splitNumber
设置为0
时表示绘制所有类目数据 - (2019.09.27)增加
SampleDist
采样距离的配置,对过密的曲线开启采样,优化绘制效率 - (2019.09.27)增加
XCharts问答
、XChartsAPI接口
、XCharts配置项手册
等文档 - (2019.09.26)增加
AnimationReset()
重置初始化动画接口 - (2019.09.26)优化
LineChart
的密集数据的曲线效果 - (2019.09.25)优化
SerieData
的自定义图标不与SerieLabel
关联,可单独控制是否显示 - (2019.09.24)增加
SerieData
的自定义图标相关配置支持 - (2019.09.23)增加
Formatter
配置Axis
的AxisLabel
的格式化输出 - (2019.09.23)增加
Tooltip
的FontSize
、FontStyle
配置字体大小和样式 - (2019.09.23)增加
Formatter
配置SerieLabel
、Legend
、Tooltip
的格式化输出 - (2019.09.19)增加
LineArrow
配置带箭头曲线 - (2019.09.19)增加
Tooltip
的FixedWidth
、FixedHeight
、MinWidth
、MinHeight
设置支持 - (2019.09.18)增加单条堆叠柱状图
- (2019.09.18)增加虚线
Dash
、点线Dot
、点划线DashDot
、双点划线DashDotDot
等类型的折线图支持 - (2019.09.17)增加
AnimationEnabel()
启用或取消起始动画接口 - (2019.09.17)增加
Axis
的Interval
强制设置坐标轴分割间隔 - (2019.09.16)去掉
Serie
中的旧版本数据兼容,不再支持xData
和yData
- (2019.09.06)增加
Animation
在重新初始化数据时自启动功能 - (2019.09.06)增加
SerieLabel
的Border
边框相关配置支持 - (2019.09.05)增加
PieChart
的Animation
初始化动画配置支持 - (2019.09.03)增加
BarChart
的Animation
初始化动画配置支持 - (2019.09.02)增加
LineChart
的Animation
初始化动画配置支持 - (2019.08.22)增加
AxisName
的Offset
偏移配置支持 - (2019.08.22)增加
AxisLine
的Width
配置支持 - (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
标志图形的显示 - (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
版本
内置示例
折线图
- 基础折线图
- 负数数值轴+自定义最大最小刻度
- XY轴互换
- XY轴互换+区域堆叠
- 贝塞尔曲线平滑
- 折线图堆叠+图例
- 堆叠区域图
- 面积图
- 阶梯线图
- 阶梯线图+区域填充
- 动态数据
- 大数据量面积图
- 大数据+区域缩放
- 双坐标轴
- 笛卡尔坐标系(XY都为数值轴)
- 用代码添加动态的正弦曲线
- 虚线、点线、点划线、双点划线折线图
- 自定义绘制
柱状图
- 基础柱状图
- 负数数值轴+自定义最大最小刻度
- XY轴互换
- 坐标轴刻度与标签对齐
- 世界人口总量
- 堆叠条形图
- 深圳月最低生活费组成(单位:元)
- 非堆叠同柱
- 5000数据
- 单条堆叠柱状图
饼图
- Customized Pie
- 环形图
- 环形图+默认选中
- 南丁格尔玫瑰图
- 某站点用户访问来源
- 用代码添加和更新数据
雷达图
- 基础雷达图
- AQI - 雷达图
- 自定义雷达图
- 多雷达图