vue-cli4でvue-echartsを使用する

1.インストールvue-echarts

• npmインストール

npm install echartsvue-echarts

• CDN

<script src =“ https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.js”> </ script> 
<script src =“ https://cdn.jsdelivr.net/npm /[email protected]”> </ script>  

2.使用する

• main.jsで導入

import ECharts from 'vue-echarts/components/ECharts.vue'

//引入所有表 
require("echarts");

// 手动引入 ECharts 各模块来减小打包体积，建议
import 'echarts/lib/chart/bar'
import 'echarts/lib/chart/pie'
import 'echarts/lib/chart/line'
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/polar'
import 'echarts/lib/component/legend'
import 'echarts/lib/component/title.js'

// 注册组件以便在项目中引用
Vue.component('charts', ECharts);

•  単一の* .vueコンポーネントで導入