当前位置: 首页 > news >正文

Tracy 小笔记:微信小程序 mpx 雷达图的实现

使用文档: 
https://www.kancloud.cn/xchhhh/wx-chart/399337
https://github.com/xiaolin3303/wx-charts
https://gitee.com/mirrors/wx-charts/#wx-charts
参数说明: https://github.com/xiaolin3303/wx-charts/issues/56

下载 dist 里的  wx-charts-min.js

<canvas class="cav" canvas-id="radarCanvas"></canvas>]

    const WxCharts = require('../../api/wx-charts.js')const chart = new WxCharts({canvasId: 'radarCanvas',type: 'radar',categories: ['title1', 'title2', 'title3', 'title4', 'title5'],series: [{data: [0, 0, 0, 0, 0]}],width: 280,height: 280,extra: {radar: {max: 10,labelColor: '#ffffff',gridColor: '#8382cd'}},subtitleFontSize: 24,legend: false,fontSize: 24})chart.updateData({series: [{data: [8, 2,3,4,10]}]})

  .cav

    height 280px

    max-width 100%

    width 280px

    margin 0 auto

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • godot新建项目及设置外部编辑器为vscode
  • Python --NumPy库基础方法(1)
  • MySQL C API的介绍
  • HarmonyOS鸿蒙应用开发-ZRouter让系统路由表变得更简单
  • ubuntu实践
  • 从数据时代到智能时代,星环科技信雅达联合发布金融全栈解决方案
  • latex 表格处理
  • 初阶数据结构——二叉树大汇总
  • 【Android Compose】ListView效果
  • 《操作系统》(学习笔记)(王道)
  • Pytorch使用教学6-张量的分割与合并
  • UE4Editor.exe运行与调试 “-run=XX” 命令行
  • LabVIEW放大器自动测量系统
  • PHP设计模式-简单工厂模式
  • 【Apache Doris】数据副本问题排查指南
  • “Material Design”设计规范在 ComponentOne For WinForm 的全新尝试!
  • 11111111
  • Create React App 使用
  • CSS 专业技巧
  • docker python 配置
  • es6
  • JS函数式编程 数组部分风格 ES6版
  • k8s 面向应用开发者的基础命令
  • Shadow DOM 内部构造及如何构建独立组件
  • tensorflow学习笔记3——MNIST应用篇
  • ubuntu 下nginx安装 并支持https协议
  • windows下mongoDB的环境配置
  • 第十八天-企业应用架构模式-基本模式
  • 极限编程 (Extreme Programming) - 发布计划 (Release Planning)
  • 区块链将重新定义世界
  • 手机app有了短信验证码还有没必要有图片验证码?
  • 微信支付JSAPI,实测!终极方案
  • 小程序滚动组件,左边导航栏与右边内容联动效果实现
  • 异常机制详解
  • 最简单的无缝轮播
  • LIGO、Virgo第三轮探测告捷,同时探测到一对黑洞合并产生的引力波事件 ...
  • scrapy中间件源码分析及常用中间件大全
  • 完善智慧办公建设,小熊U租获京东数千万元A+轮融资 ...
  • # 20155222 2016-2017-2 《Java程序设计》第5周学习总结
  • ###项目技术发展史
  • (12)目标检测_SSD基于pytorch搭建代码
  • (CPU/GPU)粒子继承贴图颜色发射
  • (C语言)深入理解指针2之野指针与传值与传址与assert断言
  • (四)软件性能测试
  • (轉貼) UML中文FAQ (OO) (UML)
  • ****三次握手和四次挥手
  • .NET 6 在已知拓扑路径的情况下使用 Dijkstra,A*算法搜索最短路径
  • .net framework4与其client profile版本的区别
  • .net 反编译_.net反编译的相关问题
  • .NET 分布式技术比较
  • .NET 设计模式—适配器模式(Adapter Pattern)
  • .NET/C#⾯试题汇总系列:集合、异常、泛型、LINQ、委托、EF!(完整版)
  • .net安装_还在用第三方安装.NET?Win10自带.NET3.5安装
  • .NET的数据绑定
  • .NET开发不可不知、不可不用的辅助类(三)(报表导出---终结版)