ECharts学习--直角坐标系图标常用配置

（一）直角坐标系中的常用配置

直角坐标系图标：柱状图，折线图，散点图

（1）网格：grid

grid是用来控制直角坐标系的布局和大小。

x轴和y轴就是在grid的基础上进行绘制的。

<div style="width: 600px;height: 400px;"></div>
<script>
    var mChart = echarts.init(document.querySelector('div'));
    var xdata = ['张三', '李四', '王五', '赵六', '小明', '小红'];
    var ydata = [60, 61, 62, 63, 64, 65];
    var option = {
        grid : { // 网格
            show : true,
            borderWidth:16,
            borderColor : 'red',
            left : 100,
            top : 12,
        },
        xAxis: {
            type: 'category',
            data: xdata
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            name: '语文',
            type : 'bar',
            data: ydata,