Echart教程篇：直交系组件与网络及坐标轴

一、grid

注：echats图标都是没有绑定resize事件的，即显示区域大小变换，图标区域是不知道的，所以需要主动调用resize，常见如

bootstrap中echart图表自适应窗口大小问题解决：

//如果一个页面有一个图表：
myChart.setOption(option,window.onresize = myChart.resize);

//如果一个页面有多个图表（此处举例3个）：
shopsInfo.setOption(shopsInfos);
vendor.setOption(vendors);
company.setOption(companys);

//在最后加上如下代码
//图表根据窗口大小自适应
setTimeout(function (){
window.onresize = function () {
shopsInfo.resize();
vendor.resize();
company.resize();
};
});

     grid支持传入参数实现相应调整

示例：

option = {
    grid: {
        x: 100,
        y: 100,
        x2: 100,
        y2: 100,
        width:100,
        height:100,
        borderColor:'red'
    },
....