首页 分享 微信小程序中使用图表插件 wx

微信小程序中使用图表插件 wx

来源:花匠小妙招 时间:2025-01-11 22:34

微信小程序中使用图表插件 wx-charts

花铛 已于 2022-11-26 12:09:25 修改

于 2019-03-26 17:38:44 首次发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

github 地址:https://github.com/xiaolin3303/wx-charts.git。

wx-charts 基于canvas 绘制,支持图表类型(饼图 pie、圆环图 ring、线图 line、柱状图 column、区域图 area、雷达图 radar)。

直接引入编译好的文件 dist/charts.js。

let Charts = require('./../../utils/wxcharts.js'); 1 在 WXML 中定义 canvas 组件。

<canvas canvas-id="myCanvas"></canvas> 1 在 JS 中实例化 Charts。

new Charts({ canvasId: 'myCanvas', type: 'pie', series: [{ name: '一班', data: 50 }, { name: '二班', data: 30 }, { name: '三班', data: 20 }], width: 640, height: 400, dataLabel: true, }); 12345678

相关知识

微信小程序插件
初尝微信小程序(浪漫调酒师)
校园表白墙微信小程序
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(2)
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(3)
【微信小程序开发实战项目】——花店微信小程序实战项目(4)
微信小程序 swiper + scroll
微信小程序
微信小程序后端怎么搭建
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(1)

网址: 微信小程序中使用图表插件 wx https://www.huajiangbk.com/newsview1545044.html

所属分类:花卉
上一篇: 【微信小程序】wx
下一篇: 前端数据可视化插件大盘点

推荐分享