基础环形图

by vecharts

HTML

<script src="//unpkg.com/vue/dist/vue.min.js"></script>
<script src="//unpkg.com/echarts@v4.9.0/dist/echarts.min.js"></script>
<script src="//unpkg.com/ve-charts@latest/lib/ve-charts.umd.min.js"></script>

<div id="app">
  <div class="charts-content">
    <ve-donut-chart :data="data" />
  </div>
</div>

JavaScript

new Vue({
  data() {
    return {
      data: {
        dimensions: {
          name: '渠道',
          data: ['APP', 'PC', 'M端', '微信', '手Q', '小程序']
        },
        measures: [{
          name: 'PV',
          data: [40000, 27800, 22000, 20200, 15600, 13600]
        }]
      }
    }
  }
}).$mount('#app')