| 属性 | 类型 | 默认 | 说明 |
| --- | :-: | :-: | --- |
| opts.legend | Object | | 图例设置 |
| opts.legend.show | Boolean | 默认true | 是否显示各类别的图例标识 |
| opts.legend.position | String | 默认bottom | 图例相对画布的显示位置,可选值:上top、右right、下bottom 、左left |
| opts.legend.float | String | 默认center | 图例位置对齐方向,上下布局时可选值:左left、中center、右right;左右布局时可选值:上top、中center、下bottom |
| opts.legend.padding | Number | 默认5 | 图例内填充边距,单位px,默认5 |
| opts.legend.margin | Number | 默认5 | 图例外侧填充边距(仅在上下方向有效),单位px,默认5。如果图例位置为left或right时,设置此参数相当于间接控制每列图例的数量 |
| opts.legend.fontSize | Number | 默认opts.fontSize | 字体大小,单位px。支付宝小程序需乘pixelRatio,其他平台不用 |
| opts.legend.lineHeight | Number | 默认opts.fontSize+5 | 字体行高。左右模式建议设置为2倍fontSize大小(避免点击事件时太近不好区分) |
| opts.legend.backgroundColor | color | 默认rgba(0,0,0,0) | 图例背景颜色,默认透明。请传rgba(0,0,0,0)格式颜色 |
| opts.legend.borderColor | color | 默认rgba(0,0,0,0) | 图例边框颜色,默认透明。请传rgba(0,0,0,0)格式颜色 |
| opts.legend.borderWidth | Number | 默认0 | 图例边框线宽,单位px,默认为0 |
| opts.legend.itemGap| Number | 默认10 | 各个item之间的间隔,单位px,默认为10,横向布局时为水平间隔,纵向布局时为纵向间隔 |
| opts.legend.fontColor | String | 默认#666666 | 字体颜色,请用16进制颜色 |
| opts.legend.format | Function | | 【未来预留,暂未生效】自定义显示数据内容 |
| opts.legend.hiddenColor | String | 默认#CECECE | 点击隐藏时,图例标识及标识文案的颜色 |
| opts.series.legendShape | String | 默认为 circle | 图例标识样式,看准了哦,是在series里面进行设置的,有效值为`diamond`◆, `circle`●, `triangle`▲, `rect`■ , `line`▬ |
友情链接:[因卓诶-爱生活爱分享技术的博客](https://www.yinzhuoei.com)
- uCharts简介
- 图表预览
- 快速上手
- 常见问题
- API参数
- 通用基础配置项
- 数据列表配置项
- 标题配置项
- 坐标轴配置项
- 图例配置项
- 扩展配置项
- 圆弧进度图
- 仪表盘
- 雷达图
- 柱状图
- 饼图圆环图
- 玫瑰图
- 折线图
- 区域图
- K线图
- 词云图
- 漏斗图
- 地图
- 条状图
- 标记线
- ToolTip
- 其他配置
- 方法 & 事件
- 更新图表数据
- 图例点击交互
- 停止动画效果
- 添加移除事件监听
- 获取图表点击序列编号
- 获取图例点击序列编号
- ToolTip方法
- 图表拖拽事件
- 放大或缩小图表
- 图表渲染完成事件
- 入门配置示例
- 图表区域详解
- 绘制X坐标轴网格
- 绘制Y坐标轴网格
- 隐藏X轴(不含网格)
- 隐藏Y轴(不含网格)
- 启用X轴滚动条及拖拽
- 绘制Y轴标题
- 隐藏X轴下方图例
- 隐藏数据点标识
- 隐藏数据点标签
- 进阶配置示例
- ToolTip配置
- uni-app示例
- 饼图
- 饼图基本用法
- 饼图右侧图例
- 圆环图
- 圆环图基本用法
- 玫瑰图
- 玫瑰图基本用法
- 线图
- 线图基本用法
- 柱状图
- 基本柱状图
- 温度计式图表
- 堆叠柱状图
- 横屏模式
- 区域图
- 区域图基本用法
- 雷达图
- 雷达图基本用法
- 圆弧进度图
- 圆弧进度图基本用法
- 整圆进度图基本用法
- 仪表盘
- 仪表盘基本用法
- K线图
- K线图基本用法
- 条状图
- 条状图基本用法
- 混合图
- 混合图基本用法
- 词云图
- 词云图基本用法
- 漏斗图
- 漏斗图基本用法
- 地图
- 地图基本用法
- 更新记录
- 改造uCharts打造专属图表
- uni-app实战教程