Echart学习总结 <一>

不做过多的陈诉，记录Echart学习过程中遇到的问题。 官网：Examples - Apache ECharts Q1:关于chart旁边放描述性文字，并且需要和chart一起（右键chart-图片另存为。。。）保存到一张图片中，如何解决？

A:改造title，代码如下：

const options={
    title：{
        show:true,
        backgroundColor:'#a9a9a973',
        padding:5,
        top:10,
        left:10,
        width:130,
        text:'图表名称'，
        subtext:[
        `   USL:${xxx}`,
        `   LSL:${xxx}`,
        `最大值:${xxx}`,
        `最小值:${xxx}`,
        `标准差:${xxx}`,
        `平均值:${xxx}`,
        `  数量:${xxx}`,
        ].join('\n'),
        textStyle:{
            fontSize:14,
            fontWidth:14
        },
        subtextStyle:{
            fontSize:14,
            fontWidth:12
        }
    }，
    grid：{ //grid 的width，height才是canvas中chart的真的宽度高度。重点！！！
        left:140  // 距离canvas左边140 是因为title快递130.留给title的。
    }
}

option的grid参数：width和height，init的宽高只是定义的canvas的宽高，grid定义的是内部的图标相对于canvas的宽高，不知道的小伙伴这时候就知道赶紧记录一下：

Q2: 如果做垂直于X轴的两条虚线？

A2:见下图中markLine

欢迎指点。