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

微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制。

支持图标类型

• 饼图 pie
• 圆环图 ring
• 线图 line
• 柱状图 column
• 区域图 area
• 雷达图 radar

1.如何使用？

下载wxcharts-min.js或者wxcharts.js，存放在小程序文件夹目录，我一般存放在utils文件夹下面

.wxml页面中：

 <canvas class="canvas" canvas-id="radarGraph"></canvas>

2.部分参数说明

参数	说明
opts.canvasId	微信小程序canvas-id
opts.width	canvas宽度，单位为px
opts.height	canvas高度，单位为px
opts.title	（only for ring chart)
opts.title.name	标题内容
opts.title.fontSize	标题字体大小
opts.title.color	标题颜色可选
opts.legend	是否显示图标下方的标识
opts.type	图表类型：pie,line,column,area,ring
opts.categories	(饼图、圆环图不需要) 数据类别分类
opts.dataLabel	是否在图表中显示数据内容值
opts.dataPointShape	是否在图表中显示数据点标识
opts.xAxis	X轴配置
opts.yAxis	Y轴配置

3.简单的示例

wxml页面：

<!--pages/charts/charts.wxml-->
<!-- 切换栏 -->
<view class="swiper-tab">
  <block wx:for="{
  {swipertab}}" wx:key="sptab">
    <view class="swiper-tab-list {
  {currtab == item.index ? 'on' : ''}}" data-current="{
  {item.index}}" bindtap="tabSwitch">{
  {item.name}}</view>
  </block>
</view>

<swiper current&#