1、容器
1-1、引入
import * as echarts from 'echarts';
import 'echarts-gl';
1-2、创建容器
展示统计图的div需要设置宽(width)高(height)
<div id="first" style="width:520px;height:520px;"></div>
2、初始化
2-1、柱状图数据
export default{
components: {
echarts,
},
data(){
return{
option1:{
xAxis:{
type:'value',
},
yAxis:{
type:'category',
data:['mon','tue','wed','thu','fri','sat','sun']
},
grid: {
left: '3%',
right: '4%',
bottom: '10%',
containLabel: true
},
series:[
{
data:[120,200,150,80,70,110,130],
type: