来源:uCharts
浏览 12414
扫码
分享
2019-06-30 09:07:07
属性 | 类型 | 默认 | 说明 |
---|
opts | Object | | |
opts.$this | Object | required | this实例组件内使用图表,必须传入this实例 |
opts.canvasId | String | required | 页面组件canvas-id,支付宝中为id |
opts.width | Number | required | canvas宽度,单位为px,支付宝高分屏需要乘像素比 |
opts.height | Number | required | canvas高度,单位为px,支付宝高分屏需要乘像素比 |
opts.type | String | required | 图表类型,可选值为pie、line、column、area、ring、radar、arcbar、gauge、candle、ba、mix、rose |
opts.pixelRatio | Number | required | 像素比,默认为1,非H5端引用无需设置 |
opts.rotate | Boolean | 默认false | 横屏模式,默认为false |
opts.rotateLock | Boolean | 默认false | 锁定横屏模式,如果在支付宝和百度小程序中使用横屏模式,请赋值true,否则每次都会旋转90度。跨端使用通过uni-app的条件编译来赋值 |
opts.fontSize | Number | 默认13px | 全局默认字体大小(可选,单位为px,默认13px)高分屏不必乘像素比,自动根据pixelRatio计算 |
opts.background | String | | canvas背景颜色(如果页面背景颜色不是白色请设置为页面的背景颜色,默认#ffffff) |
opts.enableScroll | Boolean | 默认false | 是否开启图表可拖拽滚动 默认false 支持line, area, column, candle图表类型(需配合绑定@touchstart, @touchmove, @touchend方法) |
opts.enableMarkLine | Boolean | 默认false | 是否显示辅助线 默认false 支持line, area, column, candle图表类型 |
opts.animation | Boolean | 默认为 true | 是否动画展示 |
opts.legend | Boolen | 默认为 true | 图例设置,是否显示图表下方各类别的标识 |
opts.dataLabel | Boolean | 默认为 true | 是否在图表中显示数据标签内容值 |
opts.dataPointShape | Boolean | 默认为 true | 是否在图表中显示数据点图形标识 |
opts.disablePieStroke | Boolean | 默认为 false | 不绘制饼图(圆环图)各区块的白色分割线即将迁移至扩展配置中 |