v-charts 图表使用

安装：

npm i v-charts echarts -S

入口文件 main.js里面：

import VCharts from 'v-charts'

Vue.use(VCharts)

组件使用：

<template>
  <div id="app">
     <ve-line :data="chartData"></ve-line>
  </div>
</template>

<script>

export default {
  name: 'App',
   data() {
        return {
          chartData: {
            columns: ['日期', '销售额'],
            rows: [
              { '日期': '1月1日', '销售额': 123 },
              { '日期': '1月2日', '销售额': 1223 },
              { '日期': '1月3日', '销售额': 2123 },
              { '日期': '1月4日', '销售额': 4123 },
              { '日期': '1月5日', '销售额': 3123 },
              { '日期': '1月6日', '销售额': 7123 }
            ]
          }
        }
    }
}
</script>

<style scoped>

</style>