3.7　网格

可以通过grid在可视化坐标系中控制可视化展示时的网格大小，常用的参数除了之前提到的位置参数，如left、top、right、bottom等，还有width（grid组件的宽度）、height（组件的高度），两者默认的参数都是auto，即自适应，当然也可以指定具体数值。关于参数和配置的更多内容可以在官网的文档（配置项）中查看。

我们在3.1节的案例代码中加入grid组件，option代码如下：

option = {
    grid: [
        {x: '7%', y: '7%', width: '50%', height: '50%'}
    ],
    tooltip: {},
    legend: {
        data:['各产品销量情况']
    },
    xAxis: {
        data: ["产品A","产品B","产品C","产品D","产品E"]
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [900, 700, 550, 1000, 200]
    }]
};

可视化结果如图3-12所示，可视化图中可以控制网格的尺寸大小。

图3-12　网格