echart的进阶使用（option）

echart的option进阶使用

1.title: {

    text: '折线图堆叠'
    subtext: '有一定误差',
    left: 'center'
}

title用来配置标题

subtext:副标题

left:位置

2.tooltip: {

    trigger: 'axis'
}

图标的提示框组件

trigger（触发方式）:axis(坐标轴) item(数据项)

3.legend: {

    data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
}

图例组件

4.toolbox: {

    feature: {
        saveAsImage: {}
    }
}

工具箱组件（将图表另存为一张图片）

5.grid: {
left: ‘3%’,
right: ‘4%’,
bottom: ‘3%’,
containLabel: true
}

控制图标大小

方向:百分数是距离那个边缘的距离

cotainLabel:true（显示刻度）flase（不显示刻度）

6.xAxis: {
type: ‘category’,
boundaryGap: false,
data: [‘周一’, ‘周二’, ‘周三’, ‘周四’, ‘周五’, ‘周六’, ‘周日’]
},
yAxis: {
type: ‘value’
}

type（坐标轴类型）:category(类目轴)      value(数值轴)

boundaryGap:false(和坐标轴无缝隙) true(有缝隙)(这个好像不太对，待更新，欢迎大佬指正)</

7.series: [
{
name: ‘邮件营销’,
type: ‘line’, //显示形式
stack: ‘总量’, //数据堆叠（为了让折线不重叠，值会叠加） 删掉就不会堆叠了

​ data: [120, 132, 101, 134, 90, 230, 210]
​ },
​ {
​ name: ‘联盟广告’, //series如果有name值，legend里的data可以删掉
​ type: ‘line’,
​ stack: ‘总量’,
​ data: [220, 182, 191, 234, 290, 330, 310]
​ }
​ ]

8.color:[‘pink’,‘green’,‘skyblue’,‘pink’],

//颜色配置