找回密码
 立即注册

QQ登录

只需一步,快速开�

[Demo源码] 微信小程序 雷达图组件

  [复制链接]
查看: 3548|回复: 94
最佳答案
0 

5

主题

5

帖子

130

积分

新人求带

积分
130
 楼主| 发表于 2018-6-25 11:21:28 | 显示全部楼层 |阅读模式
微信小程序 雷达图组件

radarCanvas wxml中使用

组件在wxml中使用,可任意放置

雷达图image组件显示:

5111852.png

radarCanvas中根据Id维护雷达图canvas,返回image参数来回显雷达图,Page中需维护image,本例中用变量名currentRadarImage来表示。

radarCanvas组件入参

1、
aspectCanvas: {
        canvasWidth: 392,
        canvasHeight: 366,
        fontSize: 40,
        categories:['智商', '高贵', '暖心', '吃货', '颜值'],
        MaxDimension:5
    }

aspectCanvas:画雷达图canvas需要传入的基本绘制参数
  • canvasWidht:宽
  • canvasHeight:高
  • fontSize:各维度字体大小
  • categories:各个维度名称
  • MaxDimension:设置各维度最大值

2、
  1. radarData:{

  2.         gender: 1,
  3.         id: ‘m000225’,
  4.         radarList: [2.5,5.0,5.0,12.5,10.0]
  5.     }
复制代码

radarData:画雷达图时所需要的数据参数
  • gender:1或者2,业务上,颜色判断,组件维护两组颜色数组,支持渐变与阴影(待完善,开发者本身维护需要的颜色)
  • id:id值,作为维护雷达图image的唯一Id
  • radarList:雷达图各维度数据值
  • radarCanvas组件监听事件


radarUpdate:radarCanvas组件canvas绘制完成输出图片监听事件

e.detail为获取输出图片。
游客,如果您要查看本帖隐藏内容请回复

回复

使用道具 举报

最佳答案
0 

1

主题

43

帖子

182

积分

新人求带

积分
182
发表于 2018-6-25 12:45:11 | 显示全部楼层
学习了
回复

使用道具 举报

最佳答案
0 

1

主题

22

帖子

762

积分

略知一二

积分
762
发表于 2018-6-25 12:57:56 | 显示全部楼层
dcdvdvdvdxcdddcdc
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

34

帖子

60

积分

等待验证会员

积分
60
发表于 2018-6-25 13:37:09 | 显示全部楼层
HKC是很快微信开发者平台推出的社区特权道具。
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

414

帖子

6682

积分

S1

积分
6682
发表于 2018-6-25 14:15:52 | 显示全部楼层
这个不错
回复

使用道具 举报

最佳答案
0 

0

主题

31

帖子

80

积分

等待验证会员

积分
80
发表于 2018-6-25 22:41:54 | 显示全部楼层

这个不错
回复

使用道具 举报

最佳答案
0 

0

主题

31

帖子

80

积分

等待验证会员

积分
80
发表于 2018-6-25 22:42:11 | 显示全部楼层

这个不错
回复

使用道具 举报

最佳答案
0 

0

主题

31

帖子

80

积分

等待验证会员

积分
80
发表于 2018-6-25 22:42:15 | 显示全部楼层

这个不错
回复

使用道具 举报

最佳答案
0 

0

主题

31

帖子

80

积分

等待验证会员

积分
80
发表于 2018-6-25 22:42:22 | 显示全部楼层

这个不错
回复

使用道具 举报

最佳答案
0 

0

主题

31

帖子

80

积分

等待验证会员

积分
80
发表于 2018-6-25 22:42:27 | 显示全部楼层

这个不错
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.henkuai.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信公众号

广告推广
QQ:805874290

市场合作
zhongcong@henkuai.com