vue饼图组件_Vue + Echarts封装出好用又好看的图表组件

前言

Echarts相信很多小伙伴都了解过，甚至很多都已经用到过。没有了解过的小伙伴，可以先来和我一起了解一下它的作用和历史吧。ECharts，缩写来自Enterprise Charts，商业级数据图表，是由百度公司研发的(并且是开源的)，它最初是为了满足公司商业体系里各种业务系统(如凤巢、广告管家等等)的报表需求，在2012年之前这些图表需求都是使用flash去实现的， 后来由于flash退出舞台，凤巢前端技术负责人的Kener-林峰在凤巢数据平台项目中尝试使用Canvas去做图表，他写了一个全新的轻量级Canvas类库ZRender，ZRender可以说是ECharts的前世。

通过将近1年时间，2013年6月30，ECharts发布了1.0版本。

随着时间推移，以及团队的不懈努力，Echarts在Github的关注度也是日新月异。

现如今 ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。

ECharts封装

先对Echarts js代码进行封装，因为html代码几乎没有。

// /echarts/utils.js

'use strict';

import echarts from 'echarts