一、啥是Vue-Charts？

Vue-Charts是一个基于Vue.js框架的可复用图表组件库， 它Neng帮我们轻巧松地创建各种图表，让我们的数据琢磨变得geng加好玩和直观。就像我们用笔画画一样，Vue-Charts用代码帮我们画图。

二、 Vue-Charts的特点

1. 轻巧量级

Vue-Charts的核心非常细小巧，就像一个迷你的细小盒子，我们Neng轻巧松地把它放在我们的项目中，不会占用太许多地方。

2. 容易于用

用Vue-Charts就像用积木搭房子， 我们只需要按照说明把积木一块块拼起来就Neng搭出一个漂亮的图表。

3. 可自定义

我们Neng根据自己的喜优良， 给图表换上自己中意的颜色和样式，就像给娃娃换衣服一样。

4. 可复用

就像我们的玩具一样， Vue-ChartsNeng在不同的项目中再来一次用，节省我们的时候和精力。

三、怎么用Vue-Charts？

先说说我们需要引入Vue-Charts，就像我们引进一个新鲜朋友一样。

import VueCharts from 'vue-chartjs'

然后 我们Neng定义一个组件，就像定义一个角色。

export default {
  extends: VueCharts.Doughnut,
  mounted  {
    // 渲染图表
    this.renderChart({
      labels: ,
      datasets: ,
          backgroundColor: ,
          hoverBackgroundColor: ,
          borderWidth: 
        }
      ]
    }, {responsive: true, maintainAspectRatio: false})
  }
}

这里 我们定义了一个饼图，把数据分成了三块，每块dou有不同的颜色。

四、 Vue-Charts在前端开发中的应用

Vue-ChartsNeng帮前端开发人员轻巧松地创建麻烦的数据可视化组件，就像我们用积木搭出一个麻烦的城堡。

import VueCharts from 'vue-chartjs'
export default {
  extends: VueCharts.Radar,
  mounted  {
    // 渲染图表
    this.renderChart({
      labels: ,
      datasets: 
        },
        {
          label: 'User B',
          backgroundColor: 'rgba',
          borderColor: 'rgba',
          pointBackgroundColor: 'rgba',
          pointBorderColor: '#fff',
          pointHoverBackgroundColor: '#fff',
          pointHoverBorderColor: 'rgba',
          data: 
        }
      ]
    }, {responsive: true})
  }
}

Vue-Charts是一个非常优良用的工具，它Neng帮我们飞迅速创建各种图表，让我们的数据琢磨变得geng加好玩和直观。虽然有时候文档有点困难懂，但是只要我们许多实践，就Neng掌握它。

就像我们学会了骑自行车， 虽然一开头兴许会摔倒，但是只要我们不断练习，就Neng骑得越来越迅速。

六、 注意事项

Vue-Charts的文档有些地方不够完善，就像我们的老师有时候会记不得讲沉点一样，所以我们需要自己许多摸索，许多实践。

但是 不用担心，只要我们用心去学，一定Neng学会Vue-Charts，成为一个数据琢磨的高大手！