JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/echarts/dist/echarts.min.js"></script>
<script src="//unpkg.com/v-charts/lib/index.min.js"></script>

<div id="app">
  <ve-line :data="chartData" :height="'200px'" tooltip-visible :legend-visible="false"></ve-line>
</div>

CSS

#app {
  height: 200px;
}

JavaScript

new Vue({
  el: '#app',
  created: function () {
  	this.grid = {
    	top: 0,
      bottom: 0,
    }
    this.chartData = {
      columns: ['日期', '销售额'],
      rows: [
        { '日期': '1月1日', '销售额': 123 },
        { '日期': '1月2日', '销售额': 1223 },
        { '日期': '1月3日', '销售额': 2123 },
        { '日期': '1月4日', '销售额': 4123 },
        { '日期': '1月5日', '销售额': 3123 },
        { '日期': '1月6日', '销售额': 7123 }
      ]
    }
  }
})