Vue导入Echarts实现折线散点图

本文实例为大家分享了Vue导入Echarts实现折线散点图的具体代码，供大家参考，具体内容如下

效果图：

一、vue-cli中导入echarts

通过命令：npm install echarts --save进行下载到项目中，然后在项目中的main.js中进行导入且保存在vue的原型上。
main.js代码如下：

import Vue from 'vue'
import App from './App.vue'
const echarts = require("echarts")
Vue.prototype.$echarts = echarts
Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

这里的导入echarts用的require，用import echarts from 'echarts'会导入失败，具体原因还不知道。

然后再到app.vue中书写代码如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。