基本配置 opts:ChartOptions
属性 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | String | required | 图表类型,详见演示中的查看代码 |
context | String | required | canvas的上下文,各平台方法不一致,详见【指南】中说明 |
width | String | required | canvas的宽度,单位为px,如果canvas绑定的样式为rpx单位,这里需要转成px |
height | String | required | canvas的高度,单位为px,如果canvas绑定的样式为rpx单位,这里需要转成px |
yOffset | Number | 0 | 基础偏移座标用于一个canvas绘制多个图表基础偏移座标 |
xOffset | Number | 0 | 基础偏移座标用于一个canvas绘制多个图表基础偏移座标 |
categories | String | required | 图表数据集,部分图表类型不需要categories |
series | String | required | 图表数据集,请按不同图表类型传入对应的标准数据详见下章节《数据配置》 |
canvas2d | Boolean | false | canvas2d模式,用于解决小程序层级过高及拖拽卡顿问题,小程序平台开启后context及canvas的格式不同,详见【指南】中说明 |
pixelRatio | Number | 1 | 设备像素比,解决开启canvas2d后画布模糊的问题 |
animation | Boolean | true | 是否动画展示图表 |
timing | String | 'easeOut' | 图表动画效果,可选值:'easeOut'由快到慢,'easeIn'由慢到快,'easeInOut'慢快慢,'linear'匀速 |
duration | Number | 1000 | 动画展示时长,单位毫秒 |
rotate | Boolean | false | 横屏模式 |
rotateLock | Boolean | false | 横屏锁定模式,如果开启横屏模式后,图表交互每次都会旋转90度,请赋值true |
background | Rgba | rgba(0,0,0,0) | 背景颜色,开启滚动条后请赋值 |
color | Array | 主题颜色,16进制颜色格式 | |
padding | Array | 画布填充边距,顺序为上右下左,例如[10,15,25,15] | |
fontSize | Number | 13 | 全局默认字体大小 |
fontColor | Hex | #666666 | 全局默认字体颜色,16进制颜色格式 |
dataLabel | Boolean | true | 是否显示图表区域内数据点上方的数据文案 |
dataPointShape | Boolean | true | 是否显示数据点的图形标识 |
dataPointShapeType | String | 'solid' | 图形标识点显示类型,可选值:'solid'实心,'hollow'空心 |
touchMoveLimit | Number | 60 | 图表拖拽时,每秒重新渲染的帧数(用于图表拖拽卡顿,可以降低js与视图层交互的次数,理论上24帧/秒就够用了) |
enableScroll | Boolean | false | 开启滚动条,X轴配置里需要配置itemCount单屏幕数据点数量 |
enableMarkLine | Boolean | false | 是否启用标记线功能,也可做为隐藏图表区域内的标记线的开关 |
scrollPosition | String | current | 连续更新数据时,滚动条的位置。可选值:"current"当前位置,"left"左对齐,"right"右对齐 |