wx charts

wx-charts

Charts for WeChat small app, charts for WeChat small app

Drawing based on canvas, small size

We are continuing to optimize and update, please stay tuned ~ If you have any questions, please discuss them in Issues. Please read this notice before raising an issue.

ByteDance is recruiting a large number of front-end development engineers (junior, senior, senior, Leader), located in Beijing, Shanghai, Shenzhen, Hangzhou, Chengdu, Wuhan, Guangzhou, and Nanjing. Interested friends please click here to submit your application.

Supported chart types

• pie chart pie
• donut chart ring
• line graph line
• Bar chart column
• area map area
• Radar chart radar

Code analysisHere

Update record

• Animation performance optimization
• Chart scrolling support, thanks to @jxintang
• Optimize curve drawing
• Added radar chart 2017-03-17
• New tooltip 2017-03-07
• New curve drawing 2017-03-06
• Added methods to update data, terminate animation in progress, and render event callback 2017-02-17
• Added donut chart title, subtitle 2017-01-10
• x-axis copywriting collision avoidance 2016-12-30
• add pie chart dataLabel 2016-12-19
• add animation 2016-12-05
• build with rollup 2016-12-02
• add legend 2016-11-29

How to use

1. Directly reference the compiled file dist/wxcharts.js or dist/wxcharts-min.js

2. Compile by yourself

 git clone https://github.com/xiaolin3303/wx-charts.git
npm install rollup -g
npm install
rollup -c 或者 rollup --config rollup.config.prod.js

How to use wx-charts in actual projects or visit wx-charts-demo to see examples of running directly in WeChat development tools

Parameter description

Parameter description - wxCharts usage documentation

Methods & Events

Methods & Events - wxCharts Instructions for Use

Example

For more information, please view Example - wxCharts usage instructions

test

1. iPhone 6s, iOS 9.3.5
2. Xiaomi 4, ANDORID 6.0.1

Please submit compatibility issues in Issue

Summary of some questions

• Problem with wx-charts adaptive screen width
• How to specifically use wxCharts in the project