vue中使用echart (以饼图和柱状图为例)

在做的项目的时候需要全局引入,但是如果自己写一个demo页面可以选择按需引入,这里主要是来谈全局引入

1、首先:在编辑器(我使用的是vscode)的终端输入命令行npm install echarts --save,安装Echarts

2、其次:在入口文件main.js里面引入,import echarts from 'echarts'     Vue.prototype.$echarts = echarts

3、最后:

在html页面加入放置饼状图和柱状图的div,但是必须为div设置宽和高;

< div id = "myPie" :style = " {width: '600px' ,height: '500px' ,left: '80px' } " >

< div style = "display:inline-block;left:230px;" id = "myBar" :style = " {width: '600px' ,height: '500px' ,} " >

在js中引入

你可能感兴趣的:(vue)