Skip to content

基本配置 opts:ChartOptions

属性类型默认值说明
typeStringrequired图表类型,详见演示中的查看代码
contextStringrequiredcanvas的上下文,各平台方法不一致,详见【指南】中说明
widthStringrequiredcanvas的宽度,单位为px,如果canvas绑定的样式为rpx单位,这里需要转成px
heightStringrequiredcanvas的高度,单位为px,如果canvas绑定的样式为rpx单位,这里需要转成px
yOffsetNumber0基础偏移座标用于一个canvas绘制多个图表基础偏移座标
xOffsetNumber0基础偏移座标用于一个canvas绘制多个图表基础偏移座标
categoriesStringrequired图表数据集,部分图表类型不需要categories
seriesStringrequired图表数据集,请按不同图表类型传入对应的标准数据详见下章节《数据配置》
canvas2dBooleanfalsecanvas2d模式,用于解决小程序层级过高及拖拽卡顿问题,小程序平台开启后context及canvas的格式不同,详见【指南】中说明
pixelRatioNumber1设备像素比,解决开启canvas2d后画布模糊的问题
animationBooleantrue是否动画展示图表
timingString'easeOut'图表动画效果,可选值:'easeOut'由快到慢,'easeIn'由慢到快,'easeInOut'慢快慢,'linear'匀速
durationNumber1000动画展示时长,单位毫秒
rotateBooleanfalse横屏模式
rotateLockBooleanfalse横屏锁定模式,如果开启横屏模式后,图表交互每次都会旋转90度,请赋值true
backgroundRgbargba(0,0,0,0)背景颜色,开启滚动条后请赋值
colorArray主题颜色,16进制颜色格式
paddingArray画布填充边距,顺序为上右下左,例如[10,15,25,15]
fontSizeNumber13全局默认字体大小
fontColorHex#666666全局默认字体颜色,16进制颜色格式
dataLabelBooleantrue是否显示图表区域内数据点上方的数据文案
dataPointShapeBooleantrue是否显示数据点的图形标识
dataPointShapeTypeString'solid'图形标识点显示类型,可选值:'solid'实心,'hollow'空心
touchMoveLimitNumber60图表拖拽时,每秒重新渲染的帧数(用于图表拖拽卡顿,可以降低js与视图层交互的次数,理论上24帧/秒就够用了)
enableScrollBooleanfalse开启滚动条,X轴配置里需要配置itemCount单屏幕数据点数量
enableMarkLineBooleanfalse是否启用标记线功能,也可做为隐藏图表区域内的标记线的开关
scrollPositionStringcurrent连续更新数据时,滚动条的位置。可选值:"current"当前位置,"left"左对齐,"right"右对齐