简单聊聊echarts

1.下载并引入echarts.js文件
2.准备一个具备大小的dom容器
3.初始化echarts实列对象
4.指定配置项和数据
5.将配置项设置给echarts实列对象

echarts的属性
title设置图标的标题
tooltip是鼠标放上去显示的内容(图表的提示框)
tooptip:{
// 触发方式
trigger:'axis'
}
legend是图例组件
// 如果series对象 有name值,则legend可以不用写data
toolbox是工具箱,保存成图片
toolbox:{
  feature:{
     saveAsImage:{}
  }
}

grid网格配置相对是相对于dom的盒子的大小
dom是大盒子的范围

gird:{
 left: '20%',
 top: '10%',
bottom: '3%',
containLabel: false  不显示刻度标签
}
// 设置x轴的相关配置
xAxis:{
type: 'category '
// 是否让我们的线条和做标轴有缝隙	
boundaryGap: false,没有缝隙
show: false 不显示x轴的坐标
}
series:[
   // 几个图像有几个线
   // series里面有了name值则legend里面的data可以删除
// color设置我们的线条的颜色,注意后面是个数组   
color:[
'pink','red','green',‘skyblue ’
     ]  
   {
   name: '邮件营销',
 //  type: 'line '  // 显示的是折线图
   stack: '总量' 时候数据的堆叠 (前一个和后面一个累加)
  }
]
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页