小程序开发-mpvue中使用图表库

图表库

在开发中使用图表库，推荐百度的 Echarts，和阿里出品的 AntV家族，其中移动端为 AntV-F2

• Echarts：Echarts

• AntV-F2：AntV-F2

  这里antV-F2有现成的原生小程序使用教程（wx-f2：wx-f2），就不做赘述，只讲解如何在mpvue框架中使用。

  mpvue框架中使用 Echarts

  参考文档： mpvue-echarts

  • 安装 mpvue-echarts 及 echarts 插件

  
  ## mpvue-echarts
  
  npm i mpvue-echarts --save
  
  ## echarts
  
  npm i echarts --save

  • vue文件中以组件的形式使用

  <template>
  <div class="echarts-wrap">
    <mpvue-echarts :echarts="echarts" :onInit="onInit" canvasId="demo-canvas" />
  &