小程序图表Demo

开源微信小程序图表Demo

github地址 https://github.com/kesixin

项目：WX-Graphic

• 线性图

image

• 滚动线性图

image

• 柱状图

image

• 扇形图

image

• 环形图

image

• 区域图

image

• 雷达图

image

<pre class="ql-syntax" spellcheck="false" style="margin: 0px; padding: 12px; background: rgb(249, 249, 250); border-radius: 4px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; white-space: pre-wrap; color: rgba(0, 0, 0, 0.9); font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
<view class="container">
<view bindtap="gotoPage" data-page="line" class="mt20 list-item">线性图</view>
<view bindtap="gotoPage" data-page="scrollline" class="mt20 list-item">滚动线性图</view>
<view bindtap="gotoPage" data-page="column" class="mt20 list-item">柱状图</view>
<view bindtap="gotoPage" data-page="pie" class="mt20 list-item">扇形图</view>
<view bindtap="gotoPage" data-page="ring" class="mt20 list-item">环形图</view>
<view bindtap="gotoPage" data-page="area" class="mt20 list-item">区域图</view>
<view bindtap="gotoPage" data-page="radar" class="mt20 list-item">雷达图</view>
</view>
</pre>