{"id":13445781,"url":"https://github.com/xiaolin3303/wx-charts","last_synced_at":"2025-10-19T18:17:28.076Z","repository":{"id":40063932,"uuid":"74959502","full_name":"xiaolin3303/wx-charts","owner":"xiaolin3303","description":"微信小程序图表库，Charts for WeChat Mini Program","archived":false,"fork":false,"pushed_at":"2023-10-14T02:28:53.000Z","size":2363,"stargazers_count":4965,"open_issues_count":285,"forks_count":1670,"subscribers_count":192,"default_branch":"master","last_synced_at":"2025-05-09T06:41:45.464Z","etag":null,"topics":["canvas","charts","mini-program","wechat"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xiaolin3303.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2016-11-28T09:56:12.000Z","updated_at":"2025-05-09T05:33:10.000Z","dependencies_parsed_at":"2022-06-26T10:06:00.098Z","dependency_job_id":"2fa2a2b1-ccfb-4595-9070-e77f66dc6ac5","html_url":"https://github.com/xiaolin3303/wx-charts","commit_stats":{"total_commits":163,"total_committers":4,"mean_commits":40.75,"dds":"0.024539877300613466","last_synced_commit":"13fdd6475d8ce782161a181c76f0e61706b25b4b"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaolin3303%2Fwx-charts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaolin3303%2Fwx-charts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaolin3303%2Fwx-charts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaolin3303%2Fwx-charts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xiaolin3303","download_url":"https://codeload.github.com/xiaolin3303/wx-charts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254092655,"owners_count":22013290,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","charts","mini-program","wechat"],"created_at":"2024-07-31T05:00:39.407Z","updated_at":"2025-10-19T18:17:27.945Z","avatar_url":"https://github.com/xiaolin3303.png","language":"JavaScript","funding_links":[],"categories":["组件","Libraries","JavaScript","Uncategorized","小程序","前端开发框架及项目","UI组件","UI模板","Code","Mobile UI Components"],"sub_categories":["Charts Libraries","Uncategorized","其他_文本生成、文本对话","3、小程序模板","library/repositories","Wechat"],"readme":"# wx-charts\n微信小程序图表工具，charts for WeChat small app\n\n基于canvas绘制，体积小巧\n\n**持续优化更新中，请保持关注~ 有任何问题欢迎在[Issues](https://github.com/xiaolin3303/wx-charts/issues)中讨论，[提出issue前请先阅读此须知](https://github.com/xiaolin3303/wx-charts/issues/67)**\n\n\n字节跳动大量招聘前端开发工程师（初级、高级、资深、Leader），坐标北京、上海、深圳、杭州、成都、武汉、广州、南京，感兴趣的朋友请点击[此处](https://job.toutiao.com/referral/pc/position/share/?token=MjsxNTcxOTg2MjM0Mzg3OzY3MDY0NTM0ODA3NTQwNzEwNDM7Njc1MTYwOTUzNDc5MDY4Mjg4OA%3D%3D)进行投递\n\n\n# 支持图表类型\n- 饼图   `pie`\n- 圆环图 `ring`\n- 线图   `line`\n- 柱状图 `column`\n- 区域图 `area`\n- 雷达图 `radar`\n\n代码分析 [Here](https://segmentfault.com/a/1190000007649376)\n\n# 更新记录 \n\n- [ ] 动画性能优化\n- [x] 图表滚动的支持，感谢[@jxintang](https://github.com/jxintang)\n- [x] [优化曲线绘制](https://github.com/xiaolin3303/wx-charts/issues/79)\n- [x] 新增雷达图 2017-03-17\n- [x] 新增tooltip 2017-03-07\n- [x] 新增曲线的绘制 2017-03-06\n- [x] 新增更新数据、终止进行中的动画方法，渲染完成事件回调 2017-02-17\n- [x] 新增圆环图title, subtitle 2017-01-10\n- [x] x轴文案碰撞避让 2016-12-30\n- [x] add pie chart dataLabel  2016-12-19\n- [x] add animation  2016-12-05\n- [x] build with `rollup` 2016-12-02\n- [x] add legend  2016-11-29\n\n# 如何使用\n1、直接引用编译好的文件 `dist/wxcharts.js` 或者 `dist/wxcharts-min.js`\n\n2、自行编译\n\n```\ngit clone https://github.com/xiaolin3303/wx-charts.git\nnpm install rollup -g\nnpm install\nrollup -c 或者 rollup --config rollup.config.prod.js\n```\n[实际项目中如何具体使用wx-charts](https://github.com/xiaolin3303/wx-charts/issues/28) 或者 访问[wx-charts-demo](https://github.com/xiaolin3303/wx-charts-demo)查看在微信开发工具中直接运行的例子\n\n# 参数说明\n\n[参数说明 - wxCharts使用文档](https://github.com/xiaolin3303/wx-charts/issues/56)\n\n# 方法 \u0026 事件\n\n[方法 \u0026 事件 - wxCharts使用说明](https://github.com/xiaolin3303/wx-charts/issues/57)\n\n# Example\n\n![pieChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/pie.png)\n![ringChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/ring.png)\n![lineChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/line.png)\n![curveLineChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/4636c9d2fbbaaa7944ee48e02b3a595e77c099e5/example/curve-line.png)\n![columnChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/column.png)\n![areaChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/area.png)\n![areaChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/radar.png)\n\n![pieChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/pie.gif)\n![ringChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/ring.gif)\n![lineChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/line.gif)\n![columnChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/column.gif)\n![areaChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/area.gif)\n![tooltip](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/tooltip.gif)\n![scrollLineChart](https://raw.githubusercontent.com/xiaolin3303/wx-charts/master/example/scrollLine.gif)\n\n更多内容请查看[Example - wxCharts使用说明](https://github.com/xiaolin3303/wx-charts/issues/58)\n\n# 测试 \n1. iPhone 6s, IOS 9.3.5\n2. 小米4, ANDORID 6.0.1\n\n兼容性问题请在[Issue](https://github.com/xiaolin3303/wx-charts/issues)中提出\n\n# 一些问题的说明汇总\n- [wx-charts自适应屏幕宽度的问题](https://github.com/xiaolin3303/wx-charts/issues/4)\n- [项目中如何具体使用wxCharts](https://github.com/xiaolin3303/wx-charts/issues/28)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiaolin3303%2Fwx-charts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxiaolin3303%2Fwx-charts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiaolin3303%2Fwx-charts/lists"}