mirror of
https://github.com/XCharts-Team/XCharts.git
synced 2026-05-18 14:30:10 +00:00
发布1.0.0版本
This commit is contained in:
monitor1394
111
CHANGELOG.md
Normal file
111
CHANGELOG.md
Normal file
@@ -0,0 +1,111 @@
|
||||
|
||||
# 更新日志
|
||||
|
||||
* (2019.10.20) 增加`Demo`首页`BarChart`的代码动态控制效果
|
||||
* (2019.10.18) 增加`Serie`的`barType`参数，可配置`斑马柱状图`
|
||||
* (2019.10.18) 增加`Serie`的`barPercentStack`参数，可配置`百分比堆叠柱状图`
|
||||
* (2019.10.16) 增加`Demo`首页`LineChart`的代码动态控制效果
|
||||
* (2019.10.15) 移除`Pie`组件，相关参数放到`Settings`中配置
|
||||
* (2019.10.15) 增加`Demo`首页，展示代码动态控制效果
|
||||
* (2019.10.14) 增加`RadarChart`、`ScatterChart`和`HeatmapChart`的起始动画效果
|
||||
* (2019.10.14) 增加`SerieData`的`radius`自定义数据项的半径
|
||||
* (2019.10.14) 增加`HeatmapChart`热力图
|
||||
* (2019.10.14) 增加`VisualMap`视觉映射组件
|
||||
* (2019.10.14) 增加`ItemStyle`数据项样式组件
|
||||
* (2019.10.14) 增加`Emphasis`高亮样式组件
|
||||
* (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`版本
|
||||
7
CHANGELOG.md.meta
Normal file
7
CHANGELOG.md.meta
Normal file
@@ -0,0 +1,7 @@
|
||||
fileFormatVersion: 2
|
||||
guid: e66d91d4c396b46bf87034c47ca3b43d
|
||||
TextScriptImporter:
|
||||
externalObjects: {}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
16290
Demo/demo_xchart.unity
16290
Demo/demo_xchart.unity
File diff suppressed because it is too large
Load Diff
8
Documentation.meta
Normal file
8
Documentation.meta
Normal file
@@ -0,0 +1,8 @@
|
||||
fileFormatVersion: 2
|
||||
guid: 0793c29ff7adb422fb93f9f4e29d5a06
|
||||
folderAsset: yes
|
||||
DefaultImporter:
|
||||
externalObjects: {}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
113
Documentation/XChartsAPI.md
Normal file
113
Documentation/XChartsAPI.md
Normal file
@@ -0,0 +1,113 @@
|
||||
# XCharts API
|
||||
|
||||
[返回首页](https://github.com/monitor1394/unity-ugui-XCharts)
|
||||
[XCharts配置项手册](XCharts配置项手册.md)
|
||||
[XCharts问答](XCharts问答.md)
|
||||
|
||||
## `BaseChart`
|
||||
|
||||
---
|
||||
|
||||
* `BaseChart.title`：标题组件`Title`。
|
||||
* `BaseChart.legend`：图例组件`Legend`。
|
||||
* `BaseChart.tooltip`：提示框组件`Tooltip`。
|
||||
* `BaseChart.series`：系列列表`Series`。
|
||||
* `BaseChart.chartWidth`：图表的宽。
|
||||
* `BaseChart.chartHeight`：图表的高。
|
||||
* `BaseChart.customDrawCallback`：自定义绘制回调函数。
|
||||
* `BaseChart.SetSize(float width, float height)`：设置图表的大小。
|
||||
* `BaseChart.ClearData()`：清除所有数据，系列列表会保留，只是移除列表中系列的数据。
|
||||
* `BaseChart.RemoveData()`：清除所有系列和图例数据，系列列表也会被清除。
|
||||
* `BaseChart.RemoveData(string serieName)`：清除指定系列名称的数据。
|
||||
* `BaseChart.AddSerie(SerieType type, string serieName = null, bool show = true)`：添加一个系列到系列列表中。
|
||||
* `BaseChart.AddData(string serieName, float data, string dataName = null)`：添加一个数据到指定的系列中。
|
||||
* `BaseChart.AddData(int serieIndex, float data, string dataName = null)`：添加一个数据到指定的系列中。
|
||||
* `BaseChart.AddData(string serieName, List<float> multidimensionalData, string dataName = null)`：添加多维数据`（x,y,z...）`到指定的系列中。
|
||||
* `BaseChart.AddData(int serieIndex, List<float> multidimensionalData, string dataName = null)`：添加多维数据`（x,y,z...）`到指定的系列中。
|
||||
* `BaseChart.AddData(string serieName, float xValue, float yValue, string dataName)`：添加`（x,y）`数据到指定系列中。
|
||||
* `BaseChart.AddData(int serieIndex, float xValue, float yValue, string dataName = null)`：添加`（x,y）`数据到指定系列中。
|
||||
* `BaseChart.UpdateData(string serieName,int dataIndex, float value)`：更新指定系列中的指定索引数据。
|
||||
* `BaseChart.UpdateData(int serieIndex,int dataIndex, float value)`：更新指定系列中的指定索引数据。
|
||||
* `BaseChart.UpdateDataName(string serieName,int dataIndex, string dataName)`：更新指定系列中的指定索引数据名称。
|
||||
* `BaseChart.UpdateDataName(int serieIndex, int dataIndex, string dataName)`：更新指定系列中的指定索引数据名称。
|
||||
* `BaseChart.SetActive(string serieName, bool active)`：设置指定系列是否显示。
|
||||
* `BaseChart.SetActive(int serieIndex, bool active)`：设置指定系列是否显示。
|
||||
* `BaseChart.IsActive(string serieName)`：获取指定系列是否显示。
|
||||
* `BaseChart.IsActive(int serieIndex)`：获取指定系列是否显示。
|
||||
* `BaseChart.IsActiveByLegend(string legendName)`：获得指定图例名字的系列是否显示。
|
||||
* `BaseChart.RefreshChart()`：在下一帧刷新图表。
|
||||
* `BaseChart.RefreshLabel()`：在下一帧刷新文本标签。
|
||||
* `BaseChart.UpdateTheme(Theme theme)`：切换图表主题。
|
||||
* `BaseChart.AnimationEnable(bool flag)`：启用或关闭起始动画。
|
||||
* `BaseChart.AnimationStart()`：开始初始动画。
|
||||
* `BaseChart.AnimationStop()`：停止初始化动画。
|
||||
* `BaseChart.AnimationReset()`：重置初始动画，重新播放。
|
||||
* `BaseChart.ClickLegendButton(int legendIndex, string legendName, bool show)`：点击图例按钮。
|
||||
|
||||
## `CoordinateChart`
|
||||
|
||||
---
|
||||
|
||||
* `CoordinateChart.grid`：网格组件 `Grid`。
|
||||
* `CoordinateChart.xAxises`：左右两个 `X` 轴组件 `XAxis`。
|
||||
* `CoordinateChart.yAxises`：左右两个 `Y` 轴组件 `YAxis`。
|
||||
* `CoordianteChart.xAxis0`：X轴（下）。
|
||||
* `CoordianteChart.xAxis1`：X轴（上）。
|
||||
* `CoordianteChart.xAxis0`：Y轴（左）。
|
||||
* `CoordianteChart.yAxis1`：Y轴（右）。
|
||||
* `CoordinateChart.dataZoom`：区域缩放组件 `DataZoom`。
|
||||
* `CoordinateChart.coordinateX`：坐标系的左下角坐标 `X`。
|
||||
* `CoordinateChart.coordinateY`：坐标系的左下角坐标 `Y`。
|
||||
* `CoordinateChart.coordinateWidth`：坐标系的宽。
|
||||
* `CoordinateChart.coordinateHeight`：坐标系的高。
|
||||
* `CoordinateChart.ClearAxisData()`：清除所有x轴和y轴的类目数据。
|
||||
* `CoordinateChart.AddXAxisData(string category, int xAxisIndex = 0)`：添加一个类目数据到指定的 `X` 轴。
|
||||
* `CoordinateChart.AddYAxisData(string category, int yAxisIndex = 0)`：添加一个类目数据到指定的 `Y` 轴。
|
||||
* `CoordinateChart.IsValue()`：是否是纯数值坐标。
|
||||
* `CoordinateChart.RefreshDataZoom()`：在下一帧刷新DataZoom组件。
|
||||
* `CoordinateChart.RefreshAxisMinMaxValue()`：立即刷新数值坐标轴的最大最小值（更新坐标轴标签并触发重绘）。
|
||||
|
||||
## `LineChart`
|
||||
|
||||
---
|
||||
|
||||
* 继承 `BaseChart`。
|
||||
* 继承自 `CoordinateChart`。
|
||||
|
||||
## `BarChart`
|
||||
|
||||
---
|
||||
|
||||
* 继承自 `BaseChart`。
|
||||
* 继承自 `CoordinateChart`。
|
||||
|
||||
## `PieChart`
|
||||
|
||||
---
|
||||
|
||||
* 继承自 `BaseChart`。
|
||||
|
||||
## `RadarChart`
|
||||
|
||||
---
|
||||
|
||||
* 继承自 `BaseChart`。
|
||||
* `radars`：雷达组件列表 `Radar`。
|
||||
|
||||
## `ScatterChart`
|
||||
|
||||
---
|
||||
|
||||
* 继承自 `BaseChart`。
|
||||
* 继承自 `CoordinateChart`。
|
||||
|
||||
## `HeatmapChart`
|
||||
|
||||
---
|
||||
|
||||
* 继承自 `BaseChart`。
|
||||
* 继承自 `CoordinateChart`。
|
||||
|
||||
[返回首页](https://github.com/monitor1394/unity-ugui-XCharts)
|
||||
[XCharts配置项手册](XCharts配置项手册.md)
|
||||
[XCharts问答](XCharts问答.md)
|
||||
7
Documentation/XChartsAPI.md.meta
Normal file
7
Documentation/XChartsAPI.md.meta
Normal file
@@ -0,0 +1,7 @@
|
||||
fileFormatVersion: 2
|
||||
guid: 81071e0166b9e49958800af4678e69ae
|
||||
TextScriptImporter:
|
||||
externalObjects: {}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
619
Documentation/XCharts配置项手册.md
Normal file
619
Documentation/XCharts配置项手册.md
Normal file
@@ -0,0 +1,619 @@
|
||||
# 配置项手册
|
||||
|
||||
[返回首页](https://github.com/monitor1394/unity-ugui-XCharts)
|
||||
[XChartsAPI接口](XChartsAPI.md)
|
||||
[XCharts问答](XCharts问答.md)
|
||||
|
||||
主组件：
|
||||
|
||||
* [Axis 坐标轴](#XAxis)
|
||||
* [DataZoom 区域缩放](#DataZoom)
|
||||
* [Grid 网格](#Grid)
|
||||
* [Legend 图例](#Legend)
|
||||
* [Series 系列](#Series)
|
||||
* [Settings 设置](#Settings)
|
||||
* [Theme 主题](#Theme)
|
||||
* [Tooltip 提示框](#Tooltip)
|
||||
* [Title 标题](#Title)
|
||||
* [VisualMap 视觉映射](#VisualMap)
|
||||
|
||||
子组件：
|
||||
|
||||
* [Animation 动画](#Animation)
|
||||
* [AreaStyle 区域填充样式](#AreaStyle)
|
||||
* [AxisLabel 坐标轴刻度标签](#AxisLabel)
|
||||
* [AxisLine 坐标轴轴线](#AxisLine)
|
||||
* [AxisName 坐标轴名称](#AxisName)
|
||||
* [AxisSplitArea 坐标轴分割区域](#AxisSplitArea)
|
||||
* [AxisTick 坐标轴刻度](#AxisTick)
|
||||
* [Emphasis 高亮样式](#Emphasis)
|
||||
* [ItemStyle 图形样式](#ItemStyle)
|
||||
* [LineArrow 折线图箭头](#LineArrow)
|
||||
* [LineStyle 折线图样式](#LineStyle)
|
||||
* [Location 位置](#Location)
|
||||
* [SerieData 数据项](#SerieData)
|
||||
* [SerieLabel 图形上的文本标签](#SerieLabel)
|
||||
* [SerieSymbol 图形标记](#SerieSymbol)
|
||||
|
||||
## `Theme`
|
||||
|
||||
---
|
||||
主题组件。主题用来配置图表的全局配色等其他参数。
|
||||
|
||||
相关参数：
|
||||
|
||||
* `theme`：内置主题类型。有`Default`、`Light`、`Dark`三种可选内置主题。
|
||||
* `font`：所有文字的通用字体。
|
||||
* `backgroundColor`：图表背景颜色。
|
||||
* `titleTextColor`：主题的主标题文字颜色。
|
||||
* `titleSubTextColor`：主题的副标题文字颜色。
|
||||
* `legendTextColor`：图例的激活时文字颜色。
|
||||
* `legendUnableColor`：图例的非激活时文字颜色。
|
||||
* `axisTextColor`：坐标轴的文字颜色。
|
||||
* `axisLineColor`：坐标轴的轴线颜色。
|
||||
* `axisSplitLineColor`：坐标轴的分割线颜色，默认和轴线颜色一致。
|
||||
* `tooltipBackgroundColor`：提示框的背景颜色。
|
||||
* `tooltipFlagAreaColor`：提示框的阴影指示器的颜色。
|
||||
* `tooltipTextColor`：提示框的文字颜色。
|
||||
* `tooltipLabelColor`：提示框的十字指示器坐标轴标签的背景颜色。
|
||||
* `tooltipLineColor`：提示框的指示线的颜色。
|
||||
* `dataZoomTextColor`：区域缩放的文字颜色。
|
||||
* `dataZoomLineColor`：区域缩放的线条颜色。
|
||||
* `dataZoomSelectedColor`：区域缩放的选中区域颜色。
|
||||
* `colorPalette`：调色盘颜色列表。如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色。
|
||||
|
||||
相关接口：
|
||||
|
||||
* `GetColor(int index)`：获得调色盘对应系列索引的颜色值。
|
||||
* `GetColorStr(int index)`：获得指定系列索引的十六进制颜色值字符串。
|
||||
* `GetColor(string hexColorStr)`：将字符串颜色值转成Color。
|
||||
|
||||
## `Title`
|
||||
|
||||
---
|
||||
标题组件，包含主标题和副标题。
|
||||
|
||||
相关参数：
|
||||
|
||||
* `show`：是否显示标题组件。
|
||||
* `text`：主标题文本，支持使用 `\n` 换行。
|
||||
* `textFontSize`：主标题文字的字体大小。
|
||||
* `subText`：副标题文本，支持使用 `\n` 换行。
|
||||
* `subTextFontSize`：副标题文字的字体大小。
|
||||
* `itemGap`：主副标题之间的间距。
|
||||
* `location`：标题显示位置 [Location](#Location)。
|
||||
|
||||
## `Legend`
|
||||
|
||||
---
|
||||
图例组件。图例组件展现了不同系列的标记，颜色和名字。可以通过点击图例控制哪些系列不显示。
|
||||
|
||||
相关参数：
|
||||
|
||||
* `show`：是否显示图例组件。
|
||||
* `selectedMode`：选择模式。控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 `None` 关闭。有以下三种选择方式：
|
||||
* `Multiple`：多选。
|
||||
* `Single`：单选。
|
||||
* `None`：无法选择。
|
||||
* `orient`：布局方式是横还是竖。
|
||||
* `Horizonal`：水平。
|
||||
* `Vertical`：垂直。
|
||||
* `location`：图例的显示位置 [Location](#Location)。
|
||||
* `itemWidth`：每个图例项的宽度。
|
||||
* `itemHeight`：每个图例项的高度。
|
||||
* `itemGap`：图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。
|
||||
* `itemFontSize`：图例项的字体大小。
|
||||
* `formatter`：图例内容字符串模版格式器。支持用 `\n` 换行。模板变量为图例名称 `{name}`
|
||||
* `data`：图例的数据数组。数组项通常为一个字符串，每一项代表一个系列的 `name`（如果是饼图，也可以是饼图单个数据的 `name`）。如果 `data` 没有被指定，会自动从当前系列中获取。指定 `data` 时里面的数据项和 `serie` 匹配时才会生效。
|
||||
|
||||
相关接口：
|
||||
|
||||
* `ClearData()`：清空数据。
|
||||
* `ContainsData(string name)`：是否包括指定名字的图例。
|
||||
* `RemoveData(string name)`：移除指定名字的图例。
|
||||
* `AddData(string name)`：添加图例项。
|
||||
* `GetData(int index)`：获得指定索引的图例。
|
||||
* `GetIndex(string legendName)`：获得指定图例的索引。
|
||||
|
||||
## `Tooltip`
|
||||
|
||||
---
|
||||
|
||||
提示框组件。
|
||||
|
||||
相关参数：
|
||||
|
||||
* `show`：是否显示提示框组件。
|
||||
* `type`：提示框指示器类型。指示器类型有：
|
||||
* `Line`：线性指示器。
|
||||
* `Shadow`：阴影指示器。
|
||||
* `None`：无指示器。
|
||||
* `Corss`：十字准星指示器。坐标轴显示Label和交叉线。
|
||||
* `formatter`：提示框内容字符串模版格式器。支持用 `\n` 或 `<br/>` 换行。其中变量 `{a}`, `{b}`, `{c}`, `{d}` 在不同图表类型下代表数据含义为：
|
||||
* 折线（区域）图、柱状（条形）图、K线图 : `{a}`（系列名称），`{b}`（类目值），`{c}`（数值）, `{d}`（无）。
|
||||
* 散点图（气泡）图 : `{a}`（系列名称），`{b}`（数据名称），`{c}`（数值数组）, `{d}`（无）。
|
||||
* 地图 : `{a}`（系列名称），`{b}`（区域名称），`{c}`（合并数值）, `{d}`（无）。
|
||||
* 饼图、仪表盘、漏斗图: `{a}`（系列名称），`{b}`（数据项名称），`{c}`（数值）, `{d}`（百分比）。
|
||||
* `fixedWidth`：固定宽度。当同时设置 `fixedWidth` 和 `minWidth` 时，`fixedWidth` 比 `minWidth` 优先级高。
|
||||
* `fixedHeight`：固定高度。当同时设置 `fixedHeight` 和 `minHeight` 时，`fixedHeight` 比 `minHeight` 优先级高。
|
||||
* `minWidth`：最小宽度。当同时设置 `fixedWidth` 和 `minWidth` 时，`fixedWidth` 比 `minWidth` 优先级高。
|
||||
* `minHeight`：最小高度。当同时设置 f`ixedHeight` 和 `minHeight` 时，`fixedHeight` 比 `minHeight` 优先级高。
|
||||
|
||||
## `DataZoom`
|
||||
|
||||
---
|
||||
|
||||
区域缩放组件。用于区域缩放，从而能自由关注细节的数据信息，或者概览数据整体，或者去除离群点的影响。
|
||||
目前只支持控制 `X` 轴。
|
||||
|
||||
相关参数：
|
||||
|
||||
* `enable`：开启或关闭缩放区域功能。
|
||||
* `supportInside`：是否支持内置缩放。内置于坐标系中，可在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动（触屏上）来缩放或漫游坐标系。
|
||||
* `supportSlider`：是否支持滑动条缩放。有单独的滑动条，可在滑动条上进行缩放或漫游。
|
||||
* ~~`filterMode`：数据过滤，暂未启用。支持以下几种类型：~~
|
||||
* ~~`Filter`：当前数据窗口外的数据，被 过滤掉。即 会 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。~~
|
||||
* ~~`WeakFilter`：当前数据窗口外的数据，被 过滤掉。即 会 影响其他轴的数据范围。每个数据项，只有当全部维度都在数据窗口同侧外部，整个数据项才会被过滤掉。~~
|
||||
* ~~`Empty`：当前数据窗口外的数据，被 设置为空。即 不会 影响其他轴的数据范围。~~
|
||||
* ~~`None`：不过滤数据，只改变数轴范围。~~
|
||||
* ~~`xAxisIndex`：控制哪一个 `x` 轴。~~
|
||||
* ~~`yAxisIndex`：控制哪一个 `y` 轴。~~
|
||||
* `showDataShadow`：是否显示数据阴影。数据阴影可以简单地反应数据走势。
|
||||
* `showDetail`：是否显示 `detail`，即拖拽时候显示详细数值信息。
|
||||
* `zoomLock`：是否锁定选择区域（或叫做数据窗口）的大小。如果设置为 `true` 则锁定选择区域的大小，也就是说，只能平移，不能缩放。
|
||||
* ~~`realtime`：拖动时，是否实时更新系列的视图。如果设置为 `false`，则只在拖拽结束的时候更新。~~
|
||||
* ~~`backgroundColor`：组件的背景颜色。~~
|
||||
* `bottom`：组件离容器下侧的距离。
|
||||
* `height`：组件高度。
|
||||
* `rangeMode`：取值类型是取绝对值还是百分比。
|
||||
* `Percent`：百分比。
|
||||
* `start`：数据窗口范围的起始百分比。范围是：0 ~ 100。
|
||||
* `end`：数据窗口范围的结束百分比。范围是：0 ~ 100。
|
||||
* `scrollSensitivity`：缩放区域组件的敏感度。值越高每次缩放所代表的数据越多。
|
||||
* `fontSize`：字体大小。
|
||||
* `fontStyle`：字体样式。
|
||||
|
||||
## `VisualMap`
|
||||
|
||||
---
|
||||
|
||||
视觉映射组件。用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道）。
|
||||
|
||||
* `enable`：开启或关闭视觉映射功能。
|
||||
* `show`：是否显示组件。如果设置为 false，不会显示，但是数据映射的功能还存在。
|
||||
* `type`：组件类型。支持以下类型：
|
||||
* `Continuous`：连续型。
|
||||
* ~~`Piecewise`：分段型。~~
|
||||
* ~~`selectedMode`：分段型的选择模式，支持以下模式：~~
|
||||
* ~~`Multiple`：多选。~~
|
||||
* ~~`Single`：单选。~~
|
||||
* `min`：允许的最小值。'min' 必须用户指定。[visualMap.min, visualMap.max] 形成了视觉映射的『定义域』。
|
||||
* `max`：允许的最大值。'max' 必须用户指定。[visualMap.min, visualMax.max] 形成了视觉映射的『定义域』。
|
||||
* `range`：指定手柄对应数值的位置。range 应在 min max 范围内。
|
||||
* ~~`text`：两端的文本，如 ['High', 'Low']。~~
|
||||
* ~~`textGap`：两端文字主体之间的距离，单位为px。~~
|
||||
* `splitNumber`：对于连续型数据，自动平均切分成几段，默认为0时自动匹配inRange颜色列表大小。
|
||||
* `calculable`：是否显示拖拽用的手柄（手柄能拖拽调整选中范围）。
|
||||
* ~~`realtime`：拖拽时，是否实时更新。~~
|
||||
* `itemWidth`：图形的宽度，即颜色条的宽度。
|
||||
* `itemHeight`：图形的高度，即颜色条的高度。
|
||||
* `borderWidth`：边框线宽，单位px。
|
||||
* `dimension`：指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 series.data。从1开始，默认为0取 data 中最后一个维度。
|
||||
* `hoverLink`：打开 hoverLink 功能时，鼠标悬浮到 visualMap 组件上时，鼠标位置对应的数值 在 图表中对应的图形元素，会高亮。
|
||||
* `orient`：布局方式是横还是竖。
|
||||
* `location`：组件显示在图表中的位置。
|
||||
* `inRange`：定义 在选中范围中 的视觉颜色。
|
||||
* ~~`outOfRange`：定义 在选中范围外 的视觉颜色。~~
|
||||
|
||||
## `Grid`
|
||||
|
||||
---
|
||||
|
||||
网格组件。直角坐标系内绘图网格，单个 `grid` 内最多可以放置上下两个 `X` 轴，左右两个 `Y` 轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。目前最多只能存在一个 `grid` 组件。
|
||||
|
||||
相关参数：
|
||||
|
||||
* `show`：是否显示直角坐标系网格组件。
|
||||
* `left`：组件离容器左侧的距离。
|
||||
* `right`：组件离容器右侧的距离。
|
||||
* `top`：组件离容器顶部的距离。
|
||||
* `bottom`：组件离容器底部的距离。
|
||||
* `backgroundColor`：背景颜色。
|
||||
|
||||
## `XAxis`
|
||||
|
||||
---
|
||||
|
||||
直角坐标系 `grid` 中的 `X` 轴。单个 `grid` 组件最多只能放上下两个 `X` 轴。两个 `X` 轴存储在 `xAxises` 中。
|
||||
|
||||
相关参数：
|
||||
|
||||
* `show`：是否显示 `X` 轴。默认 `xAxises[0]` 为 `true`，`xAxises[1]` 为 `false`。
|
||||
* `type`：坐标轴类型。默认为 `Category`。有以下两种类型：
|
||||
* `Value`：数值轴，用于连续数据。
|
||||
* `Category`：类目轴，适用于离散的类目数据，为该类型时必须通过 `data` 设置类目数据。
|
||||
* `minMaxType`：坐标轴刻度最大最小值显示类型。默认为 `Default`。有以下三种类型：
|
||||
* `Default`：0-最大值。
|
||||
* `MinMax`：最小值-最大值。
|
||||
* `Custom`：自定义的最小值-最大值。
|
||||
* `min`：设定的坐标轴刻度最小值，当 `minMaxType` 为 `Custom` 时有效。
|
||||
* `max`：设定的坐标轴刻度最大值，当 `minMaxType` 为 `Custom` 时有效。
|
||||
* `splitNumber`：坐标轴的分割段数。默认为 `5`。当 `splitNumber` 设为 `0` 时，表示绘制所有的类目数据。
|
||||
* `interval`：强制设置坐标轴分割间隔。无法在类目轴中使用。设置改值时 `splitNumber` 无效。
|
||||
* `splitLineType`：分割线类型。默认为 `Dashed`。有以下五种类型：
|
||||
* `None`：不显示分割线。
|
||||
* `Solid`：实线。
|
||||
* `Dashed`：虚线。
|
||||
* `Dotted`：点线。
|
||||
* `DashDot`：点划线。
|
||||
* `DashDotDot`：双点划线。
|
||||
* `boundaryGap`：坐标轴两边是否留白。默认为 `true`。
|
||||
* `maxCache`：类目数据中可缓存的最大数据量。默认为0没有限制，大于0时超过指定值会移除旧数据再插入新数据。
|
||||
* `data`：类目数据，在类目轴（`type: 'Category'`）中有效。
|
||||
* `axisLine`：坐标轴轴线相关配置 [AxisLine](#AxisLine)。
|
||||
* `axisName`：坐标轴名称相关配置 [AxisName](#AxisName)。
|
||||
* `axisTick`：坐标轴刻度相关配置 [AxisTick](#AxisTick)。
|
||||
* `axisLabel`：坐标轴刻度标签 [AxisLabel](#AxisLabel)。
|
||||
* `splitArea`：坐标轴轴线坐标轴分割区域 [SplitArea](#SplitArea)。
|
||||
|
||||
相关接口：
|
||||
|
||||
* `ClearData()`：清空类目数据。
|
||||
* `IsCategory()`：是否为类目轴。
|
||||
* `IsValue()`：是否为数值轴。
|
||||
* `AddData(string category, int maxDataNumber)`：添加一个类目到类目数据列表。
|
||||
|
||||
## `YAxis`
|
||||
|
||||
---
|
||||
|
||||
直角坐标系 `grid` 中的 `Y` 轴。单个 `grid` 组件最多只能放左右两个 `Y` 轴。两个 `Y` 轴存储在 `yAxises` 中。
|
||||
|
||||
相关参数：
|
||||
|
||||
* `show`：是否显示 `Y` 轴。默认 `yAxises[0]` 为 `true`，`yAxises[1]` 为 `false`。
|
||||
* `type`：坐标轴类型。默认为 `Value`。有以下两种类型：
|
||||
* `Value`：数值轴，用于连续数据。
|
||||
* `Category`：类目轴，适用于离散的类目数据，为该类型时必须通过 `data` 设置类目数据。
|
||||
* `minMaxType`：坐标轴刻度最大最小值显示类型。默认为 `Default`。有以下三种类型：
|
||||
* `Default`：0-最大值。
|
||||
* `MinMax`：最小值-最大值。
|
||||
* `Custom`：自定义的最小值-最大值。
|
||||
* `min`：设定的坐标轴刻度最小值，当 `minMaxType` 为 `Custom` 时有效。
|
||||
* `max`：设定的坐标轴刻度最大值，当 `minMaxType` 为 `Custom` 时有效。
|
||||
* `splitNumber`：坐标轴的分割段数。默认为 `5`。
|
||||
* `interval`：强制设置坐标轴分割间隔。无法在类目轴中使用。设置改值时 `splitNumber` 无效。
|
||||
* `splitLineType`：分割线类型。默认为 `Dashed`。支持以下五种类型：
|
||||
* `None`：不显示分割线。
|
||||
* `Solid`：实线。
|
||||
* `Dashed`：虚线。
|
||||
* `Dotted`：点线。
|
||||
* `DashDot`：点划线。
|
||||
* `DashDotDot`：双点划线。
|
||||
* `boundaryGap`：坐标轴两边是否留白。默认为 `false`。
|
||||
* `data`：类目数据，在类目轴（`type: 'Category'`）中有效。
|
||||
* `axisLine`：坐标轴轴线相关配置 [AxisLine](#AxisLine)。
|
||||
* `axisName`：坐标轴名称相关配置 [AxisName](#AxisName)。
|
||||
* `axisTick`：坐标轴刻度相关配置 [AxisTick](#AxisTick)。
|
||||
* `axisLabel`：坐标轴刻度标签 [AxisLabel](#AxisLabel)。
|
||||
* `splitArea`：坐标轴轴线坐标轴分割区域 [SplitArea](#SplitArea)。
|
||||
|
||||
相关接口：
|
||||
|
||||
* `ClearData()`：清空类目数据。
|
||||
* `IsCategory()`：是否为类目轴。
|
||||
* `IsValue()`：是否为数值轴。
|
||||
* `AddData(string category, int maxDataNumber)`：添加一个类目到类目数据列表。
|
||||
|
||||
## `Series`
|
||||
|
||||
---
|
||||
|
||||
系列列表。每个系列通过 type 决定自己的图表类型。
|
||||
|
||||
相关参数：
|
||||
|
||||
* `show`：系列是否显示在图表上。
|
||||
* `type`：系列的图表类型。有以下几种类型：
|
||||
* `Line`：折线图。
|
||||
* `Bar`：柱状图。
|
||||
* `Pie`：饼图。
|
||||
* `Radar`：雷达图。
|
||||
* `Scatter`：散点图。
|
||||
* `EffectScatter`：带有涟漪特效动画的散点图。
|
||||
* `name`：系列名称。用于 `tooltip` 的显示，`legend` 的图例筛选。
|
||||
* `stack`：数据堆叠。同个类目轴上系列配置相同的 `stack` 值后，后一个系列的值会在前一个系列的值上相加。
|
||||
* `axisIndex`：使用的坐标轴轴的 `index`，在单个图表实例中存在多个坐标轴轴的时候有用。
|
||||
* `radarIndex`：雷达图所使用的 `radar` 组件的 `index`。
|
||||
* `minShow`：系列显示数据的最小索引。
|
||||
* `maxShow`：系列显示数据的最大索引。
|
||||
* `maxCache`：系列中可缓存的最大数据量。默认为`0`没有限制，大于0时超过指定值会移除旧数据再插入新数据。
|
||||
* `sampleDist`采样的最小水平像素距离，默认为`0`时不采样。当两个数据点间的水平像素距离小于该值时，开启采样，保证两点间的水平像素距离不小于该值。
|
||||
* `sampleType`：采样类型。当`sampleDist`大于`0`时有效。支持以下五种采样类型：
|
||||
* `Peak`：取峰值。当过滤点的平均值大于等于`sampleAverage`时，取最大值；反之取最小值。
|
||||
* `Average`：取过滤点的平均值。
|
||||
* `Max`：取过滤点的最大值。
|
||||
* `Min`：取过滤点的最小值。
|
||||
* `Sum`：取过滤点之和。
|
||||
* `sampleAverage`：设定的采样平均值。当 `sampleType` 为 `Peak` 时，用于和过滤数据的平均值做对比是取最大值还是最小值。默认为`0`时会实时计算所有数据的平均值。
|
||||
* `areaStyle`：区域填充样式 [AreaStyle](#AreaStyle)。
|
||||
* `symbol`：标记的图形 [SerieSymbol](#SerieSymbol)。
|
||||
* `lineType`：折线图样式类型。支持以下十种类型：
|
||||
* `Normal`：普通折线图。
|
||||
* `Smooth`：平滑曲线。
|
||||
* `SmoothDash`：平滑虚线。
|
||||
* `StepStart`：阶梯线图：当前点。
|
||||
* `StepMiddle`：阶梯线图：当前点和下一个点的中间。
|
||||
* `StepEnd`：阶梯线图：下一个拐点。
|
||||
* `Dash`：虚线。
|
||||
* `Dot`：点线。
|
||||
* `DashDot`：点划线。
|
||||
* `DashDotDot`：双点划线。
|
||||
* `lineStyle`：线条样式 [LineStyle](#LineStyle)。
|
||||
* `barType`：柱状图类型。以下几种类型：
|
||||
* `Normal`：普通柱状图。
|
||||
* `Zebra`：斑马柱状图。
|
||||
* `Capsule`：胶囊柱状图。
|
||||
* `barPercentStack`：是否百分比堆叠柱状图，相同 `stack` 的 `serie` 只要有一个 `barPercentStack` 为 `true`，则就显示成百分比堆叠柱状图。
|
||||
* `barWidth`：柱条的宽度，不设时自适应。支持设置成相对于类目宽度的百分比。
|
||||
* `barGap`：不同系列的柱间距离。为百分比（如 `'0.3f'`，表示柱子宽度的 `30%`）。如果想要两个系列的柱子重叠，可以设置 `barGap` 为 `'-1f'`。这在用柱子做背景的时候有用。在同一坐标系上，此属性会被多个 `'bar'` 系列共享。此属性应设置于此坐标系中最后一个 `'bar'` 系列上才会生效，并且是对此坐标系中所有 `'bar'` 系列生效。
|
||||
* `barCategoryGap`：同一系列的柱间距离，默认为类目间距的20%，可设固定值。在同一坐标系上，此属性会被多个 `'bar'` 系列共享。此属性应设置于此坐标系中最后一个 `'bar'` 系列上才会生效，并且是对此坐标系中所有 `'bar'` 系列生效。
|
||||
* `barZebraWidth`：斑马线的粗细。`barType` 为 `Zebra` 时有效。
|
||||
* `barZebraGap`：斑马线的间距。`barType` 为 `Zebra` 时有效。
|
||||
* `pieClickOffset`：鼠标点击时是否开启偏移，一般用在PieChart图表中。
|
||||
* `pieRoseType`：是否展示成南丁格尔图，通过半径区分数据大小。
|
||||
* `pieSpace`：饼图项间的空隙留白。
|
||||
* `pieCenter`：饼图的中心点。
|
||||
* `pieRadius`：饼图的半径。`radius[0]` 表示内径，`radius[1]` 表示外径。
|
||||
* `label`：图形上的文本标签 [SerieLabel](#SerieLabel)，可用于说明图形的一些数据信息，比如值，名称等。
|
||||
* `emphasis`：高亮样式 [Emphasis](#Emphasis)。
|
||||
* `animation`：起始动画 [Animation](#Animation)。
|
||||
* `lineArrow`：折线图的箭头 [LineArrow](#LineArrow)。
|
||||
* `data`：系列中的数据项 [SerieData](#SerieData) 数组，可以设置`1`到`n`维数据。
|
||||
|
||||
相关接口：
|
||||
|
||||
## `Settings`
|
||||
|
||||
---
|
||||
|
||||
全局参数设置组件。一般情况下可使用默认值，当有需要时可进行调整。
|
||||
|
||||
* `lineSmoothStyle`：曲线平滑系数。通过调整平滑系数可以改变曲线的曲率，得到外观稍微有变化的不同曲线。
|
||||
* `lineSmoothness`：曲线平滑度。值越小曲线越平滑，但顶点数也会随之增加。当开启有渐变的区域填充时，数值越大渐变过渡效果越差。
|
||||
* `lineSegmentDistance`： 线段的分割距离。普通折线图的线是由很多线段组成，段数由该数值决定。值越小段数越多，但顶点数也会随之增加。当开启有渐变的区域填充时，数值越大渐变过渡效果越差。
|
||||
* `cicleSmoothness`：圆形（包括扇形、环形等）的平滑度。数越小圆越平滑，但顶点数也会随之增加。
|
||||
|
||||
## `Animation`
|
||||
|
||||
---
|
||||
|
||||
* `enable`：是否开起始画效果。
|
||||
* `easing`：动画的缓动效果。支持以下动画效果：
|
||||
* `Linear`：线性效果。
|
||||
* `duration`：设定的动画时长，单位毫秒。
|
||||
* `threshold`：是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。
|
||||
* `delay`：动画延时，单位毫秒。
|
||||
|
||||
## `AreaStyle`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否显示区域填充。
|
||||
* `origin`：区域填充的起始位置 `AreaOrigin`。有以下三种填充方式：
|
||||
* `Auto`：填充坐标轴轴线到数据间的区域。
|
||||
* `Start`：填充坐标轴底部到数据间的区域。
|
||||
* `End`：填充坐标轴顶部到数据间的区域。
|
||||
* `color`：区域填充的颜色，默认取 `serie` 对应的颜色。如果 `toColor` 不是默认值，则表示渐变色的起点颜色。
|
||||
* `toColor`：区域填充的渐变色的终点颜色。
|
||||
* `highlightColor`：高亮时区域填充的颜色，默认取 `serie` 对应的颜色。如果 `highlightToColor` 不是默认值，则表示渐变色的起点颜色。
|
||||
* `highlightToColor`：高亮时区域填充的渐变色的终点颜色。
|
||||
* `opacity`：图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
||||
* `tooltipHighlight`：鼠标悬浮时是否高亮之前的区域。
|
||||
|
||||
## `AxisLabel`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否显示刻度标签。
|
||||
* `interval`：坐标轴刻度标签的显示间隔，在类目轴中有效。0表示显示所有标签，1表示隔一个隔显示一个标签，以此类推。
|
||||
* `inside`：刻度标签是否朝内，默认朝外。
|
||||
* `rotate`：刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。
|
||||
* `margin`：刻度标签与轴线之间的距离。
|
||||
* `color`：刻度标签文字的颜色，默认取主题Theme的axisTextColor。
|
||||
* `fontSize`：文字的字体大小。
|
||||
* `fontStyle`：文字字体的风格。
|
||||
* `formatter`：图例内容字符串模版格式器。支持用 \n 换行。模板变量为图例名称 {value}，{value:f1} 表示取1为小数
|
||||
|
||||
## `AxisLine`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否显示坐标轴轴线。
|
||||
* `onZero`：X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。
|
||||
* `width`：坐标轴线线宽。
|
||||
* `symbol`：是否显示箭头。
|
||||
* `symbolWidth`：箭头宽。
|
||||
* `symbolHeight`：箭头高。
|
||||
* `symbolOffset`：箭头偏移。
|
||||
* `symbolDent`：箭头的凹陷程度。
|
||||
|
||||
## `AxisName`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否显示坐标名称。
|
||||
* `name`：坐标轴名称。
|
||||
* `location`：坐标轴名称的位置。支持以下类型：
|
||||
* `Start`：坐标轴起始处。
|
||||
* `Middle`：坐标轴中间。
|
||||
* `End`：坐标轴末端。
|
||||
* `offset`：坐标轴名称与轴线之间的偏移。
|
||||
* `rotate`：坐标轴名字旋转，角度值。
|
||||
* `color`：坐标轴名称的文字颜色。
|
||||
* `fontSize`：坐标轴名称的文字大小。
|
||||
* `fontStyle`：坐标轴名称的文字风格。
|
||||
|
||||
## `AxisSplitArea`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否显示坐标分割区域。
|
||||
* `color`：分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
|
||||
|
||||
## `AxisTick`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否显示坐标轴刻度。
|
||||
* `alignWithLabel`：类目轴中在 boundaryGap 为 true 的时候有效，可以保证刻度线和标签对齐。
|
||||
* `inside`：坐标轴刻度是否朝内，默认朝外。
|
||||
* `length`：坐标轴刻度的长度。
|
||||
|
||||
## `Emphasis`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否启用高亮样式。
|
||||
* `label`：图形文本标签样式 [SerieLabel](#SerieLabel)。
|
||||
* `itemStyle`：图形样式 [ItemStyle](#ItemStyle)。
|
||||
|
||||
## `ItemStyle`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否启用。
|
||||
* `color`：颜色。
|
||||
* `borderType`：边框的类型。
|
||||
* `borderColor`：边框的颜色。
|
||||
* `borderWidth`：边框宽。
|
||||
* `borderWidth`：opacity。
|
||||
|
||||
## `LineArrow`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否显示箭头。
|
||||
* `position`：箭头显示位置。支持以下两种位置：
|
||||
* `End`：末端显示。最后一个数据上显示箭头。
|
||||
* `Start`：起始端显示。第一个数据上显示箭头。
|
||||
* `width`：箭头宽。
|
||||
* `height`：箭头长。
|
||||
* `offset`：箭头偏移。默认箭头的中心点和数据坐标点一致，可通过 `offset` 调整偏移。
|
||||
* `dent`：箭头的凹度。
|
||||
|
||||
## `LineStyle`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否显示线条。在折线图中无效。
|
||||
* `type`：线条类型。支持以下五种类型：
|
||||
* `None`：不显示分割线。
|
||||
* `Solid`：实线。
|
||||
* `Dashed`：虚线。
|
||||
* `Dotted`：点线。
|
||||
* `DashDot`：点划线。
|
||||
* `DashDotDot`：双点划线。
|
||||
* `color`：线条颜色。默认和 `serie` 一致。
|
||||
* `width`：线条宽。
|
||||
* `opacity`：线条的透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
||||
|
||||
## `Location`
|
||||
|
||||
---
|
||||
|
||||
* `align`：对齐方式。有以下对齐方式。
|
||||
* `TopLeft`：左上角对齐。
|
||||
* `TopRight`：右上角对齐。
|
||||
* `TopCenter`：置顶居中对齐。
|
||||
* `BottomLeft`：左下对齐。
|
||||
* `BottomRight`：右下对齐。
|
||||
* `BottomCenter`：底部居中对齐。
|
||||
* `Center`：居中对齐。
|
||||
* `CenterLeft`：中部靠左对齐。
|
||||
* `CenterRight`：中部靠右对齐。
|
||||
* `left`：离容器左侧的距离。
|
||||
* `right`：离容器右侧的距离。
|
||||
* `top`：离容器上侧的距离。
|
||||
* `bottom`：离容器下侧的距离。
|
||||
|
||||
## `SerieData`
|
||||
|
||||
---
|
||||
|
||||
* `name`：数据项名称。
|
||||
* `selected`：该数据项是否被选中。
|
||||
* `radius`：自定义半径。可用在饼图中自定义某个数据项的半径。
|
||||
* `showIcon`：是否显示图标。
|
||||
* `iconImage`：图标的图片。
|
||||
* `iconColor`：图标颜色。
|
||||
* `iconWidth`：图标宽。
|
||||
* `iconHeight`：图标高。
|
||||
* `iconOffset`：图标偏移。
|
||||
|
||||
## `SerieLabel`
|
||||
|
||||
---
|
||||
|
||||
* `show`：是否显示文本标签。
|
||||
* `position`：标签的位置。折线图时强制默认为 `Center`，支持以下 `5` 种位置：
|
||||
* `Outside`：饼图扇区外侧，通过视觉引导线连到相应的扇区。只在饼图种可用。
|
||||
* `Inside`：饼图扇区内部。只在饼图可用。
|
||||
* `Center`：在中心位置（折线图，柱状图，饼图）。
|
||||
* `Top`：顶部（柱状图）。
|
||||
* `Bottom`：底部（柱状图）。
|
||||
* `formatter`：标签内容字符串模版格式器。支持用 `\n` 换行。模板变量有：`{a}`：系列名；`{b}`：数据名；`{c}`：数据值；`{d}`：百分比。示例：`{b}:{c:f1}`。
|
||||
* `offset`：距离图形元素的偏移。
|
||||
* `color`：自定义文字颜色，默认和系列的颜色一致。
|
||||
* `backgroundColor`：标签的背景色，默认无颜色。
|
||||
* `backgroundWidth`：标签的背景宽度。一般不用指定，不指定时则自动是文字的宽度。
|
||||
* `backgroundHeight`：标签的背景高度。一般不用指定，不指定时则自动是文字的高度。
|
||||
* `rotate`：标签的旋转。
|
||||
* `paddingLeftRight`：标签文字和边框的左右边距。
|
||||
* `paddingTopBottom`：标签文字和边框的上下边距。
|
||||
* `fontSize`：标签文字的字体大小。
|
||||
* `fontStyle`：标签文字的字体风格。
|
||||
* `line`：是否显示视觉引导线。在 `label` 位置 设置为 `'Outside'` 的时候会显示视觉引导线。
|
||||
* `lineType`：视觉引导线类型。支持以下几种类型：
|
||||
* `BrokenLine`：折线。
|
||||
* `Curves`：曲线。
|
||||
* `HorizontalLine`：水平线。
|
||||
* `lineColor`：视觉引导线自定义颜色。
|
||||
* `lineWidth`：视觉引导线的宽度。
|
||||
* `lineLength1`：视觉引导线第一段的长度。
|
||||
* `lineLength2`：视觉引导线第二段的长度。
|
||||
* `border`：是否显示边框。
|
||||
* `borderWidth`：边框宽度。
|
||||
* `borderColor`：边框颜色。
|
||||
|
||||
## `SerieSymbol`
|
||||
|
||||
---
|
||||
|
||||
* `type`：标记类型。支持以下六种类型：
|
||||
* `EmptyCircle`：空心圆。
|
||||
* `Circle`：实心圆。
|
||||
* `Rect`：正方形。
|
||||
* `Triangle`：三角形。
|
||||
* `Diamond`：菱形。
|
||||
* `None`：不显示标记。
|
||||
* `sizeType`：标记图形的大小获取方式。支持以下三种类型：
|
||||
* `Custom`：自定义大小。
|
||||
* `FromData`：通过 `dataIndex` 从数据中获取，再乘以一个比例系数 `dataScale` 。
|
||||
* `Callback`：通过回调函数 `sizeCallback` 获取。
|
||||
* `size`：标记的大小。
|
||||
* `selectedSize`：被选中的标记的大小。
|
||||
* `dataIndex`：当 `sizeType` 指定为 `FromData` 时，指定的数据源索引。
|
||||
* `dataScale`：当 `sizeType` 指定为 `FromData` 时，指定的倍数系数。
|
||||
* `selectedDataScale`：当 `sizeType` 指定为 `FromData` 时，指定的高亮倍数系数。
|
||||
* `sizeCallback`：当 `sizeType` 指定为 `Callback` 时，指定的回调函数。
|
||||
* `selectedSizeCallback`：当 `sizeType` 指定为 `Callback` 时，指定的高亮回调函数。
|
||||
* `color`：标记图形的颜色，默认和系列一致。
|
||||
* `opacity`：图形标记的透明度。
|
||||
* `startIndex`：开始显示图形标记的索引。
|
||||
* `interval`：显示图形标记的间隔。0表示显示所有标签，1表示隔一个隔显示一个标签，以此类推。
|
||||
* `forceShowLast`：是否强制显示最后一个图形标记。默认为 `false`。
|
||||
|
||||
[返回首页](https://github.com/monitor1394/unity-ugui-XCharts)
|
||||
[XChartsAPI接口](XChartsAPI.md)
|
||||
[XCharts问答](XCharts问答.md)
|
||||
7
Documentation/XCharts配置项手册.md.meta
Normal file
7
Documentation/XCharts配置项手册.md.meta
Normal file
@@ -0,0 +1,7 @@
|
||||
fileFormatVersion: 2
|
||||
guid: f74b65f3be5d64689a5db6bdbc91df3e
|
||||
TextScriptImporter:
|
||||
externalObjects: {}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
69
Documentation/XCharts问答.md
Normal file
69
Documentation/XCharts问答.md
Normal file
@@ -0,0 +1,69 @@
|
||||
# XCharts问答
|
||||
|
||||
[返回首页](https://github.com/monitor1394/unity-ugui-XCharts)
|
||||
[XChartsAPI接口](XChartsAPI.md)
|
||||
[XCharts配置项手册](XCharts配置项手册.md)
|
||||
|
||||
1. 如何调整坐标轴与背景的边距？
|
||||
答：`Grid`组件，可调整上下左右边距。
|
||||
|
||||
2. 如何让初始动画重新播放？
|
||||
答：调用`AnimationReset()`接口。
|
||||
|
||||
3. 如何自定义折线图、饼图等数据项的颜色？
|
||||
答：通过`Theme`的`colorPalette`调整，或者部分`Serie`下的`LineStyle`和`ItemStyle`。
|
||||
|
||||
4. 如何格式化文字，如我想给坐标轴标签加上单位？
|
||||
答：通过`formatter`参数，在`Legend`、`Axis`的`AxisLabel`、`Tooltop`、`Serie`的`Label`都提供改参数的配置。
|
||||
|
||||
5. 如何让柱形图的柱子堆叠显示？
|
||||
答：设置`Serie`下的`stack`，`stack`相同的`serie`会堆叠显示在一个柱子上。
|
||||
|
||||
6. 如何让柱形图的柱子同柱但不重叠？
|
||||
答：设置`Serie`下的`barGap`为`-1`，`stack`为空。
|
||||
|
||||
7. 如何调整柱形图的柱子宽度和间距？
|
||||
答：调整`Serie`下的`barWidth`和`barGap`，多个`serie`时最后一个`serie`的`barWidth`和`barGap`有效。
|
||||
|
||||
8. 如何调整柱形图单个柱子的颜色？
|
||||
答：目前暂不支持调整单子柱子的颜色，但可以通过两个`serie`同柱不堆叠来实现，通过设置数据项为`0`来达到类似效果。
|
||||
|
||||
9. 如何调整图表的对齐方式？
|
||||
答：默认为左下角对齐，暂不支持调整。可以通过包一层parent来辅助控制。
|
||||
|
||||
10. 可以显示超过1000以上的大数据吗？
|
||||
答：可以。但`UGUI`对单个`Graphic`限制`65000`个顶点，所以太多的数据不一定能显示完全。可通过设置采样距离`sampleDist`开启采样简化过密曲线。也可以通过设置一些参数来减少图表的顶点数有助于显示更多数据。如缩小图表的尺寸，关闭或减少坐标轴的客户端绘制，关闭`Serie`的`symbol`和`label`显示等。折线图的普通线图`Normal`比平滑线图`Smooth`占用顶点数更少。
|
||||
|
||||
11. 折线图可以画虚线、点线、点划线吗？
|
||||
答：可以。通过`Serie`下的`lineType`选择线条样式。当要显示的数据过多（成千以上）数据间过密时建议使用`Normal`或者`Step`样式。
|
||||
|
||||
12. 如何限定Y轴（Value轴）的值范围？
|
||||
答：设置`Axis`下的`minMaxType`为`Custom`，自定义`min`和`max`。
|
||||
|
||||
13. 如何自定义数值轴刻度大小？
|
||||
答：默认时通过`Axis`下的`splitNumer`进行自动划分。也可以设置`interval`自定义刻度大小。
|
||||
|
||||
14. 如何在数据项顶上显示文本？
|
||||
答：通过设置`Serie`下的`Label`。
|
||||
|
||||
15. 如何给数据项自定义图标？
|
||||
答：通过设置`Serie`的`data`下的数据项可单独设置`icon`相关参数。
|
||||
|
||||
16. 锯齿太严重，如何让图表更顺滑？
|
||||
答：开启抗锯齿设置。调整UI渲染模式为Camera模式，开启MSAA，设置4倍或更高抗锯齿。锯齿只能减少难以避免，像素越高锯齿越不明显。
|
||||
|
||||
17. 为什么鼠标移上图表`Tooltip`不显示？
|
||||
答：确认`Tooltip`是否开启。确认父节点是否关闭了鼠标事件。
|
||||
|
||||
18. 如何取消`Tooltip`的竖线？
|
||||
答：设置`Tooltip`的`type`为`None`。
|
||||
|
||||
19. 如何让Y轴（数值轴）显示多位小数？
|
||||
答：设置`Axis`下的`AxisLabel`中的`formatter`为`{value:f1}`或`{value:f2}`
|
||||
|
||||
20. 如何用代码动态更新数据？
|
||||
答：请查阅`Demo`：`Demo10_LineSimple.cs`
|
||||
|
||||
[返回首页](https://github.com/monitor1394/unity-ugui-XCharts)
|
||||
[XChartsAPI接口](XChartsAPI.md)
|
||||
[XCharts配置项手册](XCharts配置项手册.md)
|
||||
7
Documentation/XCharts问答.md.meta
Normal file
7
Documentation/XCharts问答.md.meta
Normal file
@@ -0,0 +1,7 @@
|
||||
fileFormatVersion: 2
|
||||
guid: 9a4780a4fbaf446cc9d948b6b2c803d6
|
||||
TextScriptImporter:
|
||||
externalObjects: {}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
21
LICENSE
Normal file
21
LICENSE
Normal file
@@ -0,0 +1,21 @@
|
||||
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.
|
||||
7
LICENSE.meta
Normal file
7
LICENSE.meta
Normal file
@@ -0,0 +1,7 @@
|
||||
fileFormatVersion: 2
|
||||
guid: 7abd35d81d43a4095ae82e286108135d
|
||||
DefaultImporter:
|
||||
externalObjects: {}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
57
Scripts/Runtime/Utility/XChartsMgr.cs
Normal file
57
Scripts/Runtime/Utility/XChartsMgr.cs
Normal file
@@ -0,0 +1,57 @@
|
||||
|
||||
using System.Collections;
|
||||
using UnityEngine;
|
||||
using UnityEngine.Networking;
|
||||
|
||||
namespace XCharts
|
||||
{
|
||||
public class XChartsMgr : MonoBehaviour
|
||||
{
|
||||
[SerializeField] private string m_Version;
|
||||
[SerializeField] private string m_Date;
|
||||
|
||||
private XChartsMgr m_XCharts;
|
||||
public XChartsMgr Instance
|
||||
{
|
||||
get
|
||||
{
|
||||
if (m_XCharts == null)
|
||||
{
|
||||
var go = new GameObject();
|
||||
go.name = "_xcharts_";
|
||||
m_XCharts = go.AddComponent<XChartsMgr>();
|
||||
CheckVersion();
|
||||
}
|
||||
return m_XCharts;
|
||||
}
|
||||
}
|
||||
|
||||
private XChartsMgr() { }
|
||||
|
||||
private void Awake()
|
||||
{
|
||||
CheckVersion();
|
||||
}
|
||||
|
||||
public void CheckVersion()
|
||||
{
|
||||
//StartCoroutine(GetVersion());
|
||||
}
|
||||
|
||||
IEnumerator GetVersion()
|
||||
{
|
||||
var url = "https://raw.githubusercontent.com/monitor1394/unity-ugui-XCharts/master/README.md";
|
||||
var web = new UnityWebRequest(url);
|
||||
Debug.LogError(web.url);
|
||||
yield return web.SendWebRequest();
|
||||
if (web.isHttpError || web.isNetworkError)
|
||||
Debug.LogError(web.error);
|
||||
else
|
||||
{
|
||||
Debug.LogError(web.downloadedBytes);
|
||||
Debug.LogError(web.downloadHandler.text);
|
||||
web.Dispose();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
11
Scripts/Runtime/Utility/XChartsMgr.cs.meta
Normal file
11
Scripts/Runtime/Utility/XChartsMgr.cs.meta
Normal file
@@ -0,0 +1,11 @@
|
||||
fileFormatVersion: 2
|
||||
guid: 4cbfef5a9a03149f6a1ddf4ebe502bf6
|
||||
MonoImporter:
|
||||
externalObjects: {}
|
||||
serializedVersion: 2
|
||||
defaultReferences: []
|
||||
executionOrder: 0
|
||||
icon: {instanceID: 0}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
36
package.json
36
package.json
@@ -1,14 +1,24 @@
|
||||
{
|
||||
"name": "com.monitor1394.xcharts",
|
||||
"displayName": "XCharts",
|
||||
"version": "1.0.0",
|
||||
"unity": "2018.1",
|
||||
"description": "A powerful, easy-to-use, configurable charting and data visualization library for Unity. 一款基于UGUI的功能强大、易用、参数可配置的数据可视化图表报表插件。支持折线图、柱状图、饼图、雷达图、散点图、热力图等常见图表。",
|
||||
"keywords": [
|
||||
"ugui",
|
||||
"chart",
|
||||
"data-visualization"
|
||||
],
|
||||
"category": "Unity"
|
||||
}
|
||||
|
||||
"name": "com.monitor1394.xcharts",
|
||||
"displayName": "XCharts",
|
||||
"version": "1.0.0",
|
||||
"unity": "2018.1",
|
||||
"description": "A powerful, easy-to-use, configurable charting and data visualization library for Unity. 一款基于UGUI的功能强大、易用、参数可配置的数据可视化图表报表插件。支持折线图、柱状图、饼图、雷达图、散点图、热力图等常见图表。",
|
||||
"keywords": [
|
||||
"XCharts",
|
||||
"Chart",
|
||||
"Graphic",
|
||||
"DataVisualization"
|
||||
],
|
||||
"category": "UI",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/monitor1394/unity-ugui-XCharts.git"
|
||||
},
|
||||
"author": "monitor1394",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/monitor1394/unity-ugui-XCharts/issues"
|
||||
},
|
||||
"homepage": "https://github.com/monitor1394/unity-ugui-XCharts#readme"
|
||||
}
|
||||
6
version.json
Normal file
6
version.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"version": "1.0.0",
|
||||
"new": "20191022",
|
||||
"min": "20191022",
|
||||
"desc": ""
|
||||
}
|
||||
7
version.json.meta
Normal file
7
version.json.meta
Normal file
@@ -0,0 +1,7 @@
|
||||
fileFormatVersion: 2
|
||||
guid: 177df8f0362c84b878645cc62387edfa
|
||||
TextScriptImporter:
|
||||
externalObjects: {}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
Reference in New Issue
Block a user