vue丰富的图表（vue接入v-charts）

vue丰富的图表（vue接入v-charts）

v-charts介绍：

在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表

官网

v-charts

demo效果

VUE 接入步骤

步骤一

安装：
npm i v-charts echarts -S

步骤二

依赖引入：
main.js 中引入：

import VCharts from 'v-charts'
Vue.use(VCharts)

步骤三

实例引入 demo：

<template>
  <el-container>
    <el-header >
      vue接入v-charts使用教程
    </el-header>
    <el-main>
      <div style="display: inline; float: left; width: 50%; hei