Supported chart types
- Pie
pie
- Donut
ring
- FIG line
line
(straight, curved) - Histogram
column
(grouping, stacking, thermometer) - FIG region
area
(line, curve) - Radar map
radar
- Arc progress chart
arcbar
- dash board
gauge
- K line in FIG.
candle
- FIG mixing
mix
(support Point, Line linear curve, Column, Area linear curve) - Roses
rose
(area mode, mode radius) - Word cloud
word
(lateral, horizontal and vertical shuffling) - Funnel plot
funnel
- map
map
Plug Features
- After transformation plug-ins can be used across end use, support for H5, a small program (micro-channel / Alipay / Baidu / headlines / QQ / 360), APP, calling easy, excellent performance and experience.
- Although there is no Echarts F2 chart and powerful, but can achieve a common business logic at each end, and to solve the Alipay applet graph shows the fuzzy other issues.
- Support single multi-page chart, demo single chart on page 10, in response to super-fast.
- Admission to support animation and
ToolTip
animation. - Unique support
横屏模式
.
Why not Echarts?
- Compared Echarts complex and F2 are provided, this is almost equal to fool plug configuration.
- Echarts more complex cross-end use, the plug-in simply two
<canvas>
labels distinguish easily get the code clean and easy to maintain. - Echarts the
iOS
display dislocation end chart, you can only refer to pages resolved. - This volume after packing plug Echarts smaller than a lot, so the better the performance.
- If you are a
uni-app
beginner, it is highly recommended that you use uCharts, and at present across the whole end of the universal, reduce workload and enhance the consistency of experience. - Chart styles can be customized, you understand
JS
the source plug-ins can be read directly modifyu-charts.js
the source code can be. - This plug-in extensive testing, demonstration and to transform repeatedly made, please rest assured use.
uni-app flow chart selection of reference
Personally teach you how to transform uCharts, to create your exclusive chart
- Why reform uCharts?
- Not all charts plug directly used to meet customer needs, if your UI designer to design a chart, as shown below:
- You will find this chart is not very good to achieve even in echarts years, then we need to achieve our own hands. Let us work together to complete, the paper aims to initiate hope that friends are better able to apply uCharts to complete your project, if you have a better design, please submit your PR to Github uCharts cross-end chart , helping more many friends, thank you for your contribution and pay!
[UCharts Cross-end transformation tutorial chart]
Chart Example
Fast Experience
Set of code allocated to the 7 platform, followed by two-dimensional code scanning, to experience cross-platform chart uCharts effect! iOS due to relatively simple demo going live, compile their own.