微信小程序(原生) 雷达图(微信小程序原生框架叫什么)

网友投稿 784 2022-10-09

微信小程序(原生) 雷达图(微信小程序原生框架叫什么)

微信小程序(原生) 雷达图(微信小程序原生框架叫什么)

微信小程序(原生) 组件

雷达图组件 [radar] 支持 canvas 转为 Image

参数说明list {Array} 数据 默认[], 数值请计算成百分比对应的 0-100 的整数值 [{value: 10, text: '文字', img: 'src_url', color: '#f39'}] bgColor {String} 多边形背景颜色noGrid {Boolean} 无网格 默认 falselineColor {String} 网格线的颜色 默认'#97D1FD'lineDash {Boolean} 是否是虚线网格 默认 truemSlot {Number} 网格层数 默认 4fillArea {Boolean} 数据区域是否填充颜色 默认 truefillColor {Array} 数据区域的颜色(或者线的颜色), 长度为 1 则为纯色,2 则为渐变(线性渐变) 默认['#5BEBFF', '#22B9FF']dataLineDash {Boolean} 数据连线是否为虚线(仅在 fillArea 为 false 的时候有效)pointsRadius {Number} 数据点的半径 默认为 0pointsColor {String} 数据点的颜色pointsDash {Boolean} 数据点是否为虚线 默认 falsepointsFill {Boolean} 数据点是否为实心 默认 falsebackground { String } 数据区域背景色,默认为空radiusPercent {String} 多边形的区域大小比例,默认为宽高最小边的 70%radarLinePattern {Array} 虚线多边形配置, 一组描述交替绘制线段和间距(坐标空间单位)长度的数字outlineBorder {Boolean} 是否显示最外层多边形线框, 默认为 falsetransformImage {Boolean} 是否将 canvas 转为 Image,因为小程序中 canvas 层级最高,导致很多显示问题。 默认为 true

仪表盘组件 [dashboard]

支持背景色和指针样式的仪表盘

自定义弹窗 [modal]

动态颜色的svg图标 [color-svg]

小程序不支持svg标签,这个组件可以设置svg的颜色,目前只有help、warn、edit三个图标,可以手动添加

空白区域占位符 [empty-block]

可用于全屏

行内loading [inline-loading]

行内loading

瀑布流布局 [waterfall-view]

item元素支持包含图片在内的所有内容

因为是移动端,两列瀑布流比较常用,目前只支持两列,如需扩展,原理同理。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Security Bulletin_Vulnerability in Apache Log4j affects WAS_CVE-2021-44228
下一篇:主从复制之操作实践(二)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~