echarts图形位置、颜色、悬浮小窗问题

小伙伴们使用echarts都觉得挺好用，简单顺手，作图很好看
但是不经常用的人会发现，如果要自己去自定义一些属性的时候很困难。
这里记录本人踩坑记录：

问题1：如何调节位置呢（我们有时候发现，默认的图形总是在dom中间，四周很多空白，影响美观）：
解决方式: 下边的可以直接拿去试。

grid: {
        left: '0%',
        right: '3%',
        bottom: '5%',
        top: '5'%,
        containLabel: true
           }

问题2：鼠标悬浮图表上的显示

tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                    type : 'line'        // 默认为直线，可选为：'line' | 'shadow'
                },
                formatter:function (parmas) {
                    var tar = parmas[1];
                    return 'sftp服务:金融白条'+'</br>'+'sure:online'+'</br>'+'count:20'+'</br>'+'ip:1.1.1.1'+'</br>'+'vip:2.2.2.2';
                }
            },

问题3：控制y轴的，比如柱子、折线等的颜色

colors："#11111"  //控制颜色